微信开发-微信分享和支付模块代码记录

let jweixin = require('weixin-js-sdk')

    //accessToken是我们业务需要，不是微信需要，根据自己的业务需求进行即可 isHiddenLoading:true是我配置的请求不进行loading效果展示的字段，这里根据自己的配置进行
	configPay() {
		var that = this
		request({
			url: api.configInit + "?webUrl=" + location.href.split("#")[0] + "&accessToken=''",
			method: 'post',
			isHiddenLoading:true
		}).then(res => {
			var data = res.data
			jweixin.config({
				debug: !true,
				timestamp: data.timeStamp,
				appId: data.appId, // 必填，公众号的唯一标识
				timestamp: data.timeStamp, // 必填，生成签名的时间戳
				nonceStr: data.nonceStr, // 必填，生成签名的随机串
				signature: data.signature, // 必填，签名
				jsApiList: [
					'updateAppMessageShareData',
					'updateTimelineShareData',
					'onMenuShareAppMessage',
					'onMenuShareTimeline'
				] // 必填，需要使用的JS接口列表，这里需要啥就写啥
			});
		})
		let configIn = {
			title: '这是你的title',
			page: '/',
			desc: '这是你的描述信息',
			icon: '这是你的icon，只接受线上图片的icon，尽量不要使用本地的静态文件'
		}
		jweixin.ready(function() {
			console.log("开始准备分享配置...")
			// 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			jweixin.updateAppMessageShareData({
				title: configIn.title, // 分享标题
				desc: configIn.desc, // 分享描述
				link: location.origin + location.pathname + '#', 
				imgUrl: configIn.icon, // 分享图标
				success: function() {}
			})
			// 自定义“分享到朋友圈”
			jweixin.updateTimelineShareData({
				title: configIn.title, 
				link: location.origin + location.pathname + '#' + configIn.page,
				desc: configIn.desc, 
				imgUrl: configIn.icon, 
				success: function() {}
			})
			//老版本分享好友是这个写法
			jweixin.onMenuShareAppMessage({
				title: configIn.title, 
				desc: configIn.desc, 
				link: location.origin + location.pathname + '#', 
				imgUrl: configIn.icon, 
				success: function() {}
			})
		});
	}

mounted() {
			this.code = this.GetQueryString('code')
			if (this.code) {
			    //将code发送给后端，供他获取openID
				this.sendCode(this.code)
			}else{
			    //获取code
			    this.getCode()
			}
			
		},
methods:{
			getCode() {
				this.code = ''
				var local = window.location.href.split("#")[0]
				var appid = getApp().globalData.appid //这里是公众号的appid，写到一个全局的参数里面了
				this.code = this.GetQueryString('code')
				if (this.code == null || this.code === '') {
					window.location.href =
						`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(local)}&response_type=code&scope=snsapi_base&state=STATE&connect_redirect=1#wechat_redirect`
				} else {
					// this.sendCode(this.code)
				}
			},
		 /**
		 * @param {Object} name 获取url中的参数
		 */
		GetQueryString(name) {
			console.log(name)
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if (r != null) return decodeURI(r[2]);
			return null;
		},
	    //将code给后端
		sendCode(code) {
				let that = this
				request({
					url: api.getOpenIdApi + "?code=" + code,
					method: "get",
				}).then(res => {
					console.log(res)
					if (res.success) {
						// that.tipToast("获取openId成功")
					} else {
						// that.tipToast("获取openId失败")
					}
				}).catch(err => {
					console.log(err)
					// that.tipToast("获取openId失败===》")
				})
			},
		}

/**
 * @Description: 工具类mixins
 * @author:clearlove
 * @param 
 * @return 
 * @createTime: 1/7/2022, 3:00:33 PM
 */
import {
	api
} from '@/utils/apis'
import {
	request
} from '@/utils/request.js'
export const pay = {
	data() {
		return {}
	},
	methods: {
		//根据openId获取支付参数
		_createOrder(params) {
			let that = this
			uni.setStorageSync('orderNo', params.orderNo)
			request({
				url: api.h5Pay,
				method: "post",
				data: {
					totalAmount: params.orderAmount,
					description: params.orderContent,
					outTradeNo: params.orderNo,
					attach: "",
					openId: ""
				},
			}).then((res) => {
				if (res.success) {
					let params = {
						appId: res.data.appId ? res.data.appId : "",
						timeStamp: res.data.timeStamp ?
							res.data.timeStamp.toString() : "",
						nonceStr: res.data.nonceStr ?
							res.data.nonceStr : "",
						package: res.data.pkg ? res.data.pkg : "",
						signType: res.data.signType ?
							res.data.signType : "",
						paySign: res.data.paySign ? res.data.paySign : "",
					};
					that.payWechart(params)
				} else {
					//获取参数失败
				}
			}).catch((err) => {
				console.log(err);
			});
		},
		/**
		 * @param {Object} params 微信内部H5支付
		 */
		payWechart(params) {
			let that = this
			WeixinJSBridge.invoke(
				'getBrandWCPayRequest', params,
				function(res) {
					if (res.err_msg == "get_brand_wcpay_request:ok") {
					      uni.navigateTo({
								url:'/pages/activity/success'
							})
					} else if (res.err_msg == "get_brand_wcpay_request:cancel") {
					    uni.navigateTo({
								url:'/pages/activity/cancel'
							})
					} else {
					    uni.navigateTo({
								url:'/pages/activity/error'
							})
					}
				}
			)
		},
	}
}

import { pay } from '@/mixins/pay.js'
mixins: [utils, pay],
//这个是vue的固定写法，引入mixins

comfirmPay() {
				//唤醒支付
	let params = {
			orderNo: JSON.parse(uni.getStorageSync('payParams')).orderNo, 
			orderContent: JSON.parse(uni.getStorageSync('payParams')).orderContent,
			totalAmount: JSON.parse(uni.getStorageSync('payParams')).orderAmount 
				}
		    this._createOrder(params)
	},