分类导航
wordpressDedecmsphpcmsDiscuz帝国CMS

15.【nuxt起步】-Nuxt使用jsweixin sdk

wordpress   发布时间：2022-04-02  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了15.【nuxt起步】-Nuxt使用jsweixin sdk，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

概述

npm install weixin-js-sdk --save 这个不行,这个是vue前端用的 网上找了一些vue jsweixin的案例 不能直接用 因为nuxt是后端运行，windows对象取不到，通过查找到了一个可用的案例 就是把js注入到前端   其中jssdkInfo和要分享的appid,noncestr等参数要去接口后端请求过来，核心代码复制如下： wxInit(){ 　　const

npm install weixin-js-sdk --save 这个不行,这个是vue前端用的

网上找了一些vue jsweixin的案例 不能直接用 因为nuxt是后端运行，windows对象取不到，通过查找到了一个可用的案例

就是把js注入到前端

15.【nuxt起步】-Nuxt使用jsweixin sdk

 

15.【nuxt起步】-Nuxt使用jsweixin sdk

其中jssdkInfo和要分享的appid,noncestr等参数要去接口后端请求过来，核心代码复制如下：

wxInit(){
　　const script = document.createElement(‘script‘);
　　// 返回一个独立的promise
　　script.src = ‘https://res.wx.qq.com/open/js/jweixin-1.2.0.js‘;
　　new Promise((resolve,reject) => {
　　let done = false;
　　script.onload = script.onreadystatechange = () => {
　　if (
　　　　!done &&
　　　　(!script.readyState ||
　　　　　　script.readyState === ‘loaded‘ ||
　　　　　　script.readyState === ‘complete‘)
　　　　) {
　　　　　　done = true;
　　　　　　// 避免内存泄漏
　　　　　　script.onload = script.onreadystatechange = null;
　　　　　　resolve(script);
　　　　　　}
　　　　};
　　　　script.onerror = reject;
　　　　document
　　　　　　.getElementsByTagName(‘head‘)[0]
　　　　　　.appendChild(script);
　　　　　　}).then(res => {
　　　　　　wx.config({
　　　　　　　　debug: false,
　　　　　　　　appId: this.jssdkInfo.AppId,
　　　　　　　　timestamp: this.jssdkInfo.TimeStamp,
　　　　　　　　nonceStr: this.jssdkInfo.NonceStr,
　　　　　　　　signature: this.jssdkInfo.Signature,
　　　　　　　　jsApiList: [‘onMenuShareTimeline‘,‘onMenuShareAppMessage‘,‘onMenuShareQQ‘,‘onMenuShareWeibo‘,‘onMenuShareQZone‘]
});

大佬总结

以上是大佬教程为你收集整理的15.【nuxt起步】-Nuxt使用jsweixin sdk全部内容，希望文章能够帮你解决15.【nuxt起步】-Nuxt使用jsweixin sdk所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：
猜你在找的wordpress相关文章
其他相关热搜词更多
JavaScript之正则表达式学习笔记