第三方分享 · uniapp杂谈

> uniapp已经封装了微信、QQ、微博的分享SDK，开发者可以直接调用相关功能。 * [获取appid和appsecret](https://www.kancloud.cn/wangking/uniapp/1868617#appidappsecret_4) * [微信分享](https://www.kancloud.cn/wangking/uniapp/1868617#_7) * [新浪微博分享](https://www.kancloud.cn/wangking/uniapp/1868617#_13) * [QQ分享](https://www.kancloud.cn/wangking/uniapp/1868617#QQ_19) * [实例代码](https://www.kancloud.cn/wangking/uniapp/1868617#_25) ## 获取appid和appsecret > 在 manifest.json配置的相关信息需要打包后生效，真机运行仍然是HBuilder基座的设置，可使用[自定义基座包](http://ask.dcloud.net.cn/article/12723)调试 ### 微信分享 > **在 manifest.json 的 App SDK 配置里，勾选微信消息及朋友圈，并填写 appid，如需在iOS平台使用还需要配置通用链接** > 微信appid申请教程：[https://ask.dcloud.net.cn/article/208](https://ask.dcloud.net.cn/article/208) > iOS平台微信SDK配置通用链接：[https://ask.dcloud.net.cn/article/36445](https://ask.dcloud.net.cn/article/36445) > ![](https://img.kancloud.cn/f7/10/f7108ebfab49b0c54e60a81107e9ccf8_717x253.png) ### 新浪微博分享 > **在 manifest.json 的 App SDK 配置里，勾选勾选新浪微博，并填写相关appkey** > 新浪微博 appkey 申请教程：[https://ask.dcloud.net.cn/article/209](https://ask.dcloud.net.cn/article/209) ![](https://img.kancloud.cn/74/03/74030cfabfd0609f74fcf63491972468_614x294.png) ### QQ分享 > **在 manifest.json 的 App SDK 配置里，勾选分享到QQ好友，并填写相关appkey，QQ分享 appkey 申请步骤：** > QQ appid申请教程：[https://uniapp.dcloud.io/api/plugins/share?id=qq-分享](https://uniapp.dcloud.io/api/plugins/share?id=qq-%E5%88%86%E4%BA%AB) ![](https://img.kancloud.cn/b9/02/b90255d371572d7af4aefc9c9ea07ce8_533x133.png) ## 实例代码 > > 该代码会用到provider，具体值可参考《获取服务提供商》篇 ~~~ <template> <view>  <button type="default" @click="share">分享</button>   <button type="default" open-type="share">小程序分享</button>  </view> </template> <script> export default { data() { return {}; }, methods: { // APP端的分享方式，小程序无法uni.share()的方式调用，只能 “用户主动点击触发分享。可使用自定义按钮方式或监听系统右上角的分享按钮” share() { // 分享图文代码 uni.share({ provider: "weixin", //此处provider到https://uniapp.dcloud.io/api/plugins/provider获取 scene: "WXSenceTimeline", type: 0, href: "http://uniapp.dcloud.io/", title: "uni-app分享", summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！", imageUrl: "https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png", success: function (res) { console.log("success:" + JSON.stringify(res)); }, fail: function (err) { console.log("fail:" + JSON.stringify(err)); } }); }, //设置小程序的分享信息 onShareAppMessage(res){ if (res.from === 'button') {// 来自按钮分享 console.log(res.target) } return { title: '自定义分享标题222', path: '/pages/test/test?id=123' } } } } </script> ~~~ > 参考文档：[https://uniapp.dcloud.io/api/plugins/share](https://uniapp.dcloud.io/api/plugins/share)