- A+
所属分类：Web前端
这里给大家分享我在实际生活中总结出来的一些知识，希望对大家有所帮助
一.SDK引入
这里提供两套引入流程，一套是vue2.0及其他h5项目，一套是vue3.0的引入流程
不懂的也可以看我之前的一篇详细流程
记录--微信调用jssdk全流程详解
1.js引入
直接在你的页面里引入js文件就行
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
2.weixin-js-sdk引入
先调用全局命令
npm install weixin-js-sdk
然后修改main.js,加上以上代码
import wx from "weixin-js-sdk" import { createSSRApp } from 'vue' export function createApp() { const app = createSSRApp(App) app.config.globalProperties.$wx=wx; return { app } }
之后在调用的页面直接$wx引入就行了
二.代码引用流程
基础代码引用逻辑如下，需要我们在jsApiList中添加我们要的权限，然后调用对应的wx接口，这里以定位权限为例
var wxNavigation = (data) => { return new Promise((resolve, reject) => { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: data.appId, // 必填，
