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

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

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

就是把js注入到前端

其中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']

});

转载于:https://www.cnblogs.com/kobewang/p/10106556.html

15.【nuxt起步】-Nuxt使用jsweixin sdk相关推荐

Nuxt(一) Nuxt初步认识
多数基于webpack构建的项目,编译出来的html文件,资源文件都被打包到js中,这样的页面不利于seo 搜索引擎优化(Search Engine Optimization)冰爷内容到达时间(tim ...
[Nuxt.js]Nuxt项目启动如何跳过“Are you interested in participation?”
每次运行Nuxt项目都会提示"Are you interested in participation?(Y/n)" 真的是有够讨厌的呐,怎么办??? 第一种方法nuxt.confi ...
[Nuxt.js]Nuxt项目启动跳过“Are you interested in participation?”
nuxt.config.js的module.exports = {}中添加 telemetry:false,
Linux 服务器部署 vue（SPA）与 nuxt（SSR）项目
目录 1.安装 node 2.安装 nginx nginx 配置 --with-http_ssl_module 报错 3.nginx的启动.停止与重启启动停止重启开机自启动 4.安装 pm2 ...
Nuxt学习（vue项目移植）
目录 1.简单创建Nuxt项目 2.vue迁移nuxt 3.nuxt学习 4.配置nuxt在linux中的运行环境 4.1node 4.2nginx 5.部署在linux服务器 6.ssr渲染,利于s ...
微服务项目实战技术点汇总：“尚硅谷的谷粒在线教育”七、redis数据库缓存页面数据、使用NUXT框架搭建前台系统环境、前台系统页面、首页轮播图（banner数据显示）、首页热门课程，名师推荐
文章目录一.NUXT前台环境搭建 1.如何学习NUXT 2.下载安装使用NUXT入门模板starter-template 3.机制二.编写静态页面 1.设置布局(首尾固定,中间用nuxt引用组件) ...
Nuxt项目启动时Are you interested in participation设置如何修改
测试环境操作系统:Win10 Nuxt:2.15.8 如果是第一次运行Nuxt项目,在正式执行前,会出现这样一段话 i NuxtJS collects completely anonymous da ...
基于vue-cli，做个nuxt脚手架～
参考了nuxt的项目模版改了了下,可以省点事情- 主要集成了iview,@nuxtjs/axios,eslint(airbnb),一些兼容的polyfill,pm2配置文件 element-ui用法没 ...
nuxt.js的核心代码_Nuxt.js中的通用应用程序代码结构
nuxt.js的核心代码 by Krutie Patel 通过克鲁蒂·帕特尔(Krutie Patel) Nuxt.js中的通用应用程序代码结构 (Universal application code ...

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

15.【nuxt起步】-Nuxt使用jsweixin sdk相关推荐

最新文章

热门文章