uni-app - 小程序分享功能

我会带着你远行 2022-12-11 02:19 215阅读 0赞

## uni-app与小程序分享朋友圈功能实操 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg3MzgzMQ_size_16_color_FFFFFF_t_70_pic_center]

1、首先明白，uni-app 与 小程序的工作原理，熟知API文档，在开发中有很大的必要性。\[文档：[uni-app官方文档\]  
][uni-app_]2、微信朋友圈分享，废话不多说，直接上代码？［小程序API：[官方文档][Link 1]］

##### 调用API分享朋友圈： onShareTimeline #####

onShareTimeline: function(res) {
    		const data = this.banner
    		data.find(item => {
    			this.titlea = item.name;
    			this.pisa = item.pic;
    		})
    	    return {
    	      title: this.titlea, //字符串  自定义标题
    	      // query: `id=${this.$yroute.query.id}`,  //页面携带参数
    		  path: `/pages/home/index`,
    	      imageUrl: this.pica   //图片地址
    	    }
    	},

##### 调用API分享给好友：onShareAppMessage #####

onShareAppMessage: function(res) {
    		const data = this.banner
    		data.find(item => {
    			this.titlea = item.name
    		})
    		return {
    			title: this.titlea,
    			path: `/pages/home/index`,
    		}
    	},

###### 调用成功截图 ######

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg3MzgzMQ_size_16_color_FFFFFF_t_70_pic_center 1]

###### 平API要与methods平齐，方可执行。 ######

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg3MzgzMQ_size_16_color_FFFFFF_t_70_pic_center 2]

百尺竿头、日进一步
    问题讨论：请留言！

###### 本期配图主题：百变女神陈钰琪小姐姐。 ######

喜欢的点个赞吧～～～

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg3MzgzMQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/d5780d54db474050b2b7028766c2ef97.png
[uni-app_]: https://uniapp.dcloud.io/api/lifecycle?id=%E9%A1%B5%E9%9D%A2%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html#%E8%AE%BE%E7%BD%AE%E5%88%86%E4%BA%AB%E7%8A%B6%E6%80%81
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg3MzgzMQ_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/10ce8bc5995f4ab598fdba9026b0fb38.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg3MzgzMQ_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/e8a3f42b0580403191d55e2d03647578.png