本文目录一览：

```

npm install jweixin-module --save

```

2、创建文件share.wx.js

```

// 引入微信jssdk

const jweixin = require('jweixin-module')

const install = (Vue, vm) = {

// shareInfo: {

// title: '标题',

// desc: '描述',

// link: location.origin,

// imgUrl: 'http://admin.djiajia.cn/uploads/wechat_img/2020/07/29/20200729095315-5f20d68b1ea0d.jpg'

// }

const init = (shareInfo = {}) = {

// 获取微信jssdkunisdk，用于分享

vm.$u.api.getWxjssdk({

url: location.href

}).then(res = {

res = res.data

vm.$u.vuex('vuex_wxjssdk', res)

console.log(res)

jweixin.config({

debug: res.debug, // 开启调试模式,调用unisdk的所有apiunisdk的返回值会在客户端alert出来unisdk，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

appId: res.appId, // 必填，公众号的唯一标识

timestamp: res.timestamp, // 必填，生成签名的时间戳

nonceStr: res.nonceStr, // 必填，生成签名的随机串

signature: res.signature, // 必填，签名

jsApiList: res.jsApiList // 必填，需要使用的JS接口列表

});

jweixin.ready(() = {

console.log(shareInfo.title)

// 分享给朋友

jweixin.updateAppMessageShareData({

title: shareInfo.title,

desc: shareInfo.desc,

link: shareInfo.link,

imgUrl: shareInfo.imgUrl,

success: () = {

// 设置成功

}

})

// 分享到朋友圈

jweixin.updateTimelineShareData({

title: shareInfo.title,

link: shareInfo.link,

imgUrl: shareInfo.imgUrl,

success: () = {

// 设置成功

}

})

// 分享到朋友圈

jweixin.onMenuShareTimeline({

title: shareInfo.title,

link: shareInfo.link,

imgUrl: shareInfo.imgUrl,

success: () = {

}

})

// 分享给朋友

jweixin.onMenuShareAppMessage({

title: shareInfo.title,

desc: shareInfo.desc,

link: shareInfo.link,

imgUrl: shareInfo.imgUrl,

success: () = {

}

})

});

jweixin.error(function(res) {

// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。

console.log(res)

});

})

};

// 将各个定义的接口名称，统一放进对象挂载到vm.$u.api(因为vm就是this，也即this.$u.api)下

vm.$u.share = {

init

};

}

export default {

install

}

```

3、main.js   app.$mount() 上面加入

```

// 微信jssdk初始化

import wxshare from '@/common/share.wx.js'

Vue.use(wxshare, app)

```

4、调用

```

this.$u.share.init({

title: '标题',

desc: '描述',

link: location.origin,

imgUrl: '分享图片地址'

})

```

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 备注：登录后可在“开发者中心”查看对应的接口权限。

插件方式：

引入js文件方式：

在需要调用JS接口的页面引入如下JS文件，（支持https）： https://unpkg.com/[email protected]/lib/index.js

挂载到Vue原型

与使用 JS-SDK 配置方式相同，所有需要使用开放标签的页面必须先注入配置信息，并通过openTagList字段申请所需要的开放标签，否则将无法使用（同一个 url 仅需调用一次）。开放标签的申请和 JS 接口的申请相互独立，因此是可以同时申请的。

配置成功之后，就可以使用相关的api了。例子为微信支付。

uniapp官方推送文档：UniPush使用指南 - DCloud问答

1 unipush其实就是dcloud帮你集成了个推的sdk到uniapp内部，本质是dcloud帮你做了二次封装，你不需要去个推官网集成App端的推送sdk（服务端需要去个推集成服务端的sdk，但有个大方向就是服务端一定要使用 透传模板 ），你也不需要去个推申请账号，而是直接用dcloud的账号就好了。

2 在线消息、离线消息、透传消息的区别

在线消息（推送）：指App在前台或App刚退到后台但时间不长还没有被杀死进程的状态

离线消息（推送）：指App根本就没有打开或App打开了又被杀死了，离线消息本质是手机厂商自己实现的手机系统级的长连接

透传消息：也叫应用内消息或自定义消息，本质是个推自己实现的长连接

1 华为手机必须用自有证书云打包才能实现离线推送

2 小米手机用云打包或自定义调试基座打包都能实现离线推送

3 oppo和vivo如果要实现离线推送，必须先上架oppo和vivo的官方应用商店才能实现离线推送

因为华为手机必须用自有证书才能实现离线推送的关系，其他小米手机，ov也就跟着统一使用自有证书来打包了

首先证书里存储的是一些用于表明开发者身份的信息，就是类似一个身份证的东西，为了证明你是你，对于App来说就是给App签名用的，一个证书可以签名多个App。

自有证书，字面意思，就是自己拥有的证书，对于uniapp来说，如果你的应用安全性不高或者根本用不到推送功能，那么你可以直接选择用dcloud的公共测试证书来打包。

只要你需要实现华为手机的离线消息推送，那么你就一定需要制作一个自有证书，只要制作一个，就可以一劳永逸。

如果你需要支持华为手机的离线推送，那么必须制作一个签名证书，一般情况下，你只要做推送功能的，不支持华为说不过去，所以别管那么多直接做一个证书就完事。

Android平台签名证书(.keystore)生成指南 - DCloud问答

https://ask.dcloud.net.cn/article/35777

使用Windows电脑制作自有证书的过程中，注意记录好你的证书别名，证书私钥密码，因为打包的时候需要填写。

根据上面制作证书的文档，你可以获取到形如下面样子的两个值

sha1是需要填写在dcloud开发者后台的，sha256是需要填写在华为开放平台后台

SHA1:

29:13:A2:70:8A:97:EE:72:12:8B:61:5A:68:B0:59:43:87:58:AC:42

SHA256:

16:EC:B2:F1:DC:14:BD:2B:4E:E2:4F:03:45:74:17:84:83:D4:B7:58:96:B5:CE:86:46:E9:37:45:07:DD:BC:A8

在华为后台配置sha256的时候，复制到输入框后一定要点击右侧的蓝色小对勾，不然保存不上。

小米的配置没啥可说的，直接创建应用就可以了，然后启用一下推送，注意所有包名要写一致，把appid等相关信息复制到dcloud后台，小米的配置就完事了。

下面是华为：

华为创建应用的时候包名也要统一。

数据存储位置选中国就可以，sha256这里就填你自有证书获取到的sha256

如果找不到sha256，可能你需要点到我的项目而不是我的应用。

然后登录dcloud开发者后台

注意这里的pkgName就是包名的意思，这里把华为小米的appid等信息分别填入保存。

这里的安卓应用签名就是你自有证书的sha1值，如果你的sha1值和下面那行写的一样，那么恭喜你写错了，iOS BundleId就是iOS的包名，建议安卓和iOS包名统一。

以上都配置完毕后，用透传消息来测试离线推送。

除了intent格式需要注意，其他都随便写字符串就可以。

intent:#Intent;action=android.intent.action.oppopush;launchFlags=0x14000000;component=你的包名/io.dcloud.PandoraEntry;S.UP-OL-SU=true;S.title=测试标题;S.content=测试内容;S.payload=test;end

把“你的包名”四个字改成你的包名，其他不要改。

然后你把打包好的App安装到手机上，不出意外的话，你就会收到推送了。