H5 JSSDK微信支付和分享

1、绑定域名

2、引入JS文件

• scrip 标签引入

  <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  

• npm 引入

  //  依赖包引入
  npm i -S weixin-js-sdk
  // 页面引入
  import wx from 'weixin-js-sdk';
  

3、通过config接口注入权限验证配置

// vue
<script>
	import wx from 'weixin-js-sdk';
	export default {
   
 		name: "Home",
 		data: {
   
			return {
   
				openId: '',
				appId: ''
			}
		},
		create(){
   
			this.Authorize()
			this.wxReady()
		},
		methods: {
   
			Authorize() {
   
				let code = this.getUrlParam('code')
				// 判断 url 上是否又 code 没有的话拿 appid 去微信那边换取
				if (!code) {
   
					// 做静默授权
					this.snsapi_base()
				} else {
   
					// 用 code 值 换取 openId 拉取微信支付的时候需要
					insertValidator({
   </