Taro+react小程序分享朋友圈功能

news/2024/7/20 2:56:20 标签: react, 小程序

taro版本2.2.11有用,其他未测

网上找了好多资料总结一下实现步骤

//先升级taro版本
cnpm install -g @tarojs/cli@2.2.11
//然后更新依赖
taro update project 2.2.11
//然后根据开发文档
首先在生命周期配置,这样右上角的朋友圈按钮才能使用
componentDidMount() {
    Taro.showShareMenu({
      withShareTicket: true,
      menus: ['shareAppMessage', 'shareTimeline'],
      success(res) {
        console.log(res)
      },
      fail(e) {
        console.log(e)
      }
    })
  }
//最后
onShareAppMessage() {
  return {
     title: "自定义标题",
     path: "路径" ,
     imageUrl: "图片地址"
  };
} //转发好友
onShareTimeline() {
  return {
     title: "自定义标题",
     query: "页面参数" ,
     imageUrl: "图片地址"
  };
} //分享朋友圈

 


http://www.niftyadmin.cn/n/1514857.html

相关文章

uni-app上传附件与附件预览

效果图 使用的插件链接:附件上传选择vue内嵌版lsj-upload - DCloud 插件市场 app端使用这个插件有点问题&#xff0c;所以把上传功能写到了一个跳转的页面才能触发上传功能 H5端不会有这个问题 示例代码 //附件页 <template><view class"list1-con-t"&g…

Uniapp(Android)引入leaflet地图

引入地图需用到renderjs&#xff0c;不了解的可以去其它博客看看示例 H5端与安卓端使用renderjs有点不一样&#xff0c; 效果图 代码demo 需下leaflet&#xff0c;然后在当前页面引入import L from leaflet; <template><view class"global"><view…

uniapp(Android端)引入百度地图

效果图 1.在util下建一个map.js export function mymap(ak) {return new Promise(function(resolve, reject) {window.init function() {resolve(mymap)}var script document.createElement(script)script.type text/javascript script.src http://api.map.baidu.com/a…

uniapp (Android端) 点击按钮打开第三方地图并导航

1.效果图 2.示例代码 //打开第三方地图 toMapAPP(e){const latitude Number(e.lat)const longitude Number(e.lng)uni.openLocation({latitude: latitude,longitude: longitude,name: e.address,scale: 12,success(){console.log(success)}}) } 文档链接&#xff1a;uni-app…

vue+element-ui 实现自定义表头并循环不同类型(图片,开关,状态等)

1.效果图 2.完整demo <template><div><div style"display:flex;justify-content: end;"> <el-popoverplacement"top-start"title"自定义表头"width"150"trigger"click"v-model"dialog"…

vue使用leaflet地图

1.首先下载leaflet依赖 npm i leaflet --save 2.然后在页面引入 <script> import L from "leaflet"; </script> 根据leaflet官网文档实现地图显示 leaflet文档&#xff1a;Documentation - Leaflet - 一个交互式地图 JavaScript 库 完整代码 <…

vue使用leaflet实现点聚合

下载leaflet依赖和点聚合y依赖 npm i leaflet --save npm i vue2-leaflet --save npm i vue2-leaflet-markercluster --save 完整代码 <template><div id"Leaflet1"><l-map:zoom"2":center"[9.93428, 30.335098]"style"h…

vue使用leaflet加载单张图(可用作室内图定位)

完整代码 <!-- 测试页面 --> <template><div id"map"></div> </template><script> import L from "leaflet"; import icon from "leaflet/dist/images/marker-icon-2x.png"; export default {components: …