Uniapp implements detailed code for WeChat applet payment (front-end)

({
    url:"Request Path",
    method:"method",
    data:{
        Data required by the backend
    }，
    success(payRes){
        //payRes has several main parameters here that will call uni's payment interface to use. The following will introduce each data        //After this request is the most important step for the front-end, you need to pull up the payment password box to complete the payment        
        ({
		    "provider": "wxpay",//Payment method			"timeStamp":,//Time stamp			"nonceStr":,//Random string			"package":,//The prepay_id returned by the interface			"signType":,//Signature algorithm, needs to be consistent with the background ordering			"paySign":,sign
			success: function (resSuccess) {
				// When triggering this success, it is triggered after entering the password to pay successfully. You can do some page jumps and success prompts.             },
									
			fail: function (err) {
                //Distance when payment fails, such as cancellation of payment, insufficient balance, etc.			}
		});
        
    }
})

<script>
//There are two ways to introduce them here. One is the node's requirement, and the other is the commonly used import method. The effects are the same.const jweixin = require("jweixin ")

export default {
    data(){
        return {

        }        
    },

    methods:{

        ({
            url:"Request Path",
            method:"method",
            data:{
                Data required by the backend
            }，
            success(payRes)=>{

                 payMent(){

                //First, initialize jweixin to configure                ({
                    debug:false,//Whether to enable scheduling mode, there will be pop-up windows when opening test payment.                    appId: , // The unique identifier of the official account					timestamp: , // Generate the signature timestamp					nonceStr: , // Generate a random string of signatures					signature: , //sign					jsApiList: ['chooseWXPay'] // Required                })

                ({
	                timestamp: , // Pay signature timestamp					nonceStr: , // Payment signature random string, no longer than 32 digits					package: , // The prepay_id parameter value returned by the unified payment interface					signType: , // Signature method					paySign: , // Payment signature                    success(res){
                        //success                    },
                    fail(res){
                        //fail                    }
                })
             }
        
            }
        })
    }
}
</scrpit>

//Jump page<script>
export default{
    methods:{
        goPage(){
            ({
                url:`/page/webView/webView?url=${encodeURIComponent（"Access Address"）)}`
            })
        }
    }        
}
</script>
//web-view
<template>
    <web-view :src="url"></web-view>
</template>
<script>
export default{
    data(){
        return {
            url:""
        }
    }
    onLoad(option){
         =decodeURIComponen()
    }
}
</script>