uni-app使用微信JSSDK

uni-app使用微信JSSDK

  • 安装jweixin-module
  • 引用jweixin-module
  • 接口获取wx.config
  • wx.config 初始化(写到 methods里)
  • 使用

安装jweixin-module

  • NPM安装方式(不会用NPM就不要用这种方式)
npm install jweixin-module --save
  • 下载使用方式
下载地址:https://unpkg.com/jweixin-module@1.6.0/lib/index.js

引用jweixin-module

//mian.js 加入这两句
let jweixin = require('jweixin-module')  

Vue.prototype.$wx = jweixin

接口获取wx.config

var path ="xxxx/mobile/index.html";  //**重点** 这个路径只需要填写到index.html 就可以了(也就是编译后你放服务器上的访问路径)
uni.request({
	url:"xxxxx", //获取config 的接口
	method:"POST",
	data:{url:path},
	success: (res) => {
		this.init(JSON.parse(res.data.data)); //初始化方法
	}
})						

wx.config 初始化(写到 methods里)

			init(e){
				let _this = this;
				_this.$wx.config({
				   debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数
				   appId: e.corpId, // 必填,公众号的唯一标识
				   timestamp: e.timestamp, // 必填,生成签名的时间戳
				   nonceStr: e.noncestr, // 必填,生成签名的随机串
				   signature: e.signature,// 必填,签名
				   jsApiList: ["chooseImage"] // 必填,需要使用的JS接口列表
				 });	
				_this.$wx.ready(function(){
				  _this.$wx.checkJsApi({
					  jsApiList: ['chooseImage'], // 需要检测的JS接口列表,所有JS接口列表见附录2,
					  success: function(res) {
						console.log("验证通过: ", res);
					  }
					});
				});
				_this.$wx.error(function(res){
					console.log("验证失败:",res);
				});	
			},			

使用

//直接调用就可以了 写到你对应需要调用的事件里
wx.chooseImage({
	sourceType: ['album'], 
	success (res) {
	}
)}

你可能感兴趣的:(前端,uniapp)