統合されたマイクロチャネルVUEのJS-SDK、およびカードロールを受信する機能を実現します

最近、オンラインマイクロチャネルのプロジェクト、マイクロ手紙は非常に理解していない、多くの情報を引き継い古くなっています。自分自身と自分の記録の契約の下に投稿されました。
まず、それは彼がNPMを考えた..だから、公式ウェブサイトによる方法を直接参照方法はありませんので、手紙は、プロジェクトのマイクロJS VUEプロジェクトに引用された
後、gitの中で次を検索し、HTTPS：//github.com/yanxi-me/ weixin-JS-SDK、見た目のreadme

ここでは、直接NPM非常に明確で、し、目的のページで参照。
次に、ページが達成されます。
最初のステップ、JS-SDKの導入

var wx = require('weixin-js-sdk')

第二段階、ロード時間JS-SDKの初期化。暗号化されたバックエンドのコードは、オンラインたくさん掲載されていません。

uni.request({
				url: loacalUrl + "/wx/jsapi_ticket",
				method:"POST",
				success: (res) => {
					console.log(res.data.data)
					var signature = res.data.data
					
					wx.config({
						beta: true,
						debug: true,
						appId: "",
						timestamp: signature.timestamp,
						nonceStr: signature.nonce_str,
						signature: signature.signature,
						jsApiList: ['addCard','openCard','chooseCard']
					})
				}
			})

第3のステップは、マイクロチャネルはクーポンページを受け取る収集するためにジャンプする]ボタンをクリックしてください。addCardパラメータの割り当てcardExtは、第JSON形式で、文字列に変換されます。

getCoupon(){
					uni.request({
						url:loacalUrl+"/wx/signature",
						method:"POST",
						success: (res) => {
							console.log(res)
							let signature = res.data.data
							let cardExt ={
								code:signature.code,
								timestamp:signature.timestamp,
								nonce_str:signature.nonce_str,
								outer_str:"01",
								signature:signature.signature
							}
							wx.addCard({
							  cardList: [{
								cardId: 'pyHLVv9tWcKHrPWWSVWA-mA1ArTA',
								cardExt: JSON.stringify(cardExt)
							  }], // 需要添加的卡券列表
							  success: function (res) {
								var cardList = res.cardList; // 添加的卡券列表信息
							  }
							});
						}
					})
				
			}

年末から。