小程序登录

187 阅读1分钟

小程序登录 微信支付测试 获取手机号

<button class="login-btn" type="primary" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</button>
	<button class="login-btn" type="primary" @click="getUserInfo()">
	      微信用户一键登录
	    </button>
		<button class="login-btn" type="primary" @click="wxPay()">
		      支付测试
		    </button>
const getUserInfo = ()=> {
	 	// uni.login({
	 	//         provider: 'weixin',
	 	//         success: function (loginRes) {
					
	 	//           console.log('1111111111111',loginRes);
	 	//           // appService.getOpenid({code:loginRes.code}).then((res) => {
	 	//           //   console.log(res);
	 	//           // })
	 	//         }
	 	//       });
		wx.login({
		  success (res) {
		    if (res.code) {
		      //发起网络请求
		    console.log('登录成功!' , res)
		    } else {
		      console.log('登录失败!' + res.errMsg)
		    }
		  }
		})
   }
   const wxPay = ()=>{
	   console.log('微信支付测试')
	   uni.requestPayment({
	               provider: 'wxpay',
	               orderInfo: '',
	               appId: "**********",//小程序的appid
	               timeStamp:"1683628366",//时间戳,要字符串类型的
	               nonceStr: "002a411f1c91410ba7c2bda5b714b4a4",//随机字符串,长度为32个字符以下。
	               package: "prepay_id=wx09183246845132d6c4d8697be10b170000",//prepay_id 参数值,提交格式如:prepay_id=xx
	               signType:  "RSA", //MD5类型
				   paySign: "Js3Z4W93hF0AysOl/FSTgsfLXW7vBdkkIXOyZlIe3B+M1YAeljhlqFdzU8MVWHLjz5HhcA1lsuAJ/J5B1ZijK5aCC1ZIEQMXkALxxPQBu5tqsNMQtaKb9PoIg38ZE3FYx7wf9ztHjB+/nCGV+xGfRY18JkM3f7UuTFXKVYRJ0l81XcHD2rx7/TJhHxz80oUxNFfo78AY09f48e9r27qWHiQrKuOVSMpRulvrHTHtePQ3uAy0U4m+r/jK9ddbM3QGhmyNYah10CreztmBIxYmvT5Z1r9+kaIhAZwF9AAACiytjkhrgNXMsOZ8Wr0KvFOzz1dSxQzC4jrloETZbsDT/g==",
				   success: function (res) {
	                   //支付成功的回调    成功之后你想做什么在这里操作  比如弹窗一个提示:支付成功等
					   console.log(res,'111')
	                   uni.showToast({
	                       title: '支付成功!',
	                       icon: 'success'
	                   })
	               },
	               fail: function (err) {
	                   //支付失败的回调   失败之后你想做什么在这里操作  比如弹窗一个提示:支付失败等
	                   console.log(err);
	    
	               }
	           });
   }
// 获取手机号
const  getPhoneNumber =(e)=> {
    console.log(e.detail.code)
  }