欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

小程序與h5分享 - 新聞資訊 - 云南小程序開發(fā)|云南軟件開發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開發(fā)/軟件開發(fā)

知識

不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側(cè)重于功能的便捷,營銷的便利,運(yùn)營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!

您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >

小程序與h5分享

發(fā)表時間:2020-9-29

發(fā)布人:葵宇科技

瀏覽次數(shù):60

小程序分享
可以參考小程序文檔小程序文檔鏈接
介紹:小程序中有直接在按鈕上面加open-type就會觸發(fā)分享了
如下:

	<button  open-type="share"></button>

在onShareAppMessage這個生命周期上面書寫你要分享的內(nèi)容就可以了,
如下:

onShareAppMessage(res) {
		return {
			title:'標(biāo)題',
			path:"你需要客戶點(diǎn)擊你分享的進(jìn)來你的程序的路徑",
			 imageUrl:'圖片',
			 desc: '描述',
			 content:'內(nèi)容',
			success(res) {
				uni.showToast({
					title: '分享成功'
				})
			},
			fail(res) {
				uni.showToast({
					title: '分享失敗',
					icon: 'none'
				})
			}
		}

	},

h5分享

ps:根據(jù)這個文檔書寫的,你可以去參考下鏈接

第一步:綁定域名

  1. 先登錄微信公眾號平臺進(jìn)入[公眾號設(shè)置的功能設(shè)置里面填寫js接口安全域名]

如圖:
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
需要填寫一下域名,在把文件放到你的服務(wù)器下面,讓他可以訪問(保存按鈕能保存就已經(jīng)放置好了哦)

二、引入微信js-sdk
你可以直接去下載下來或者在你頁面用script標(biāo)簽引入都可以

  1. 口令安裝 npm i weixin-js-sdk --save
  2. 直接引入的方式:
  3. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>

ps:二者只能用其中一個(不能同時有,不然就分享不了哦)

三、通過config接口注入權(quán)限驗證配置

wx.config({
							debug: false, "是否開啟調(diào)試模式,就是報錯了會直接彈出來,反之在控制臺打印"
							appId:"公眾號的appid",//必填 公眾號標(biāo)識
							timestamp: "" +timestamp ,//必填,生成簽名的時間戳
							nonceStr:nonceStr,必填,生成簽名的隨機(jī)串
							signature: signature,必填,簽名
							jsApiList: [
								'onMenuShareTimeline',
								'onMenuShareAppMessage'
							]必填,需要使用的js接口列表,所有js接口列表
						});

四、分享功能

             wx.ready(() => {
             //config信息驗證后執(zhí)行ready方法,所有接口調(diào)用必須在config接口獲取結(jié)果之后,
            //config是客戶端的異步操作,所有如果在需要在頁面加載就調(diào)用相關(guān)接口,
            //則須把相關(guān)接口放在ready函數(shù)中調(diào)用來保證正確執(zhí)行。對于用戶觸發(fā)時才調(diào)用的接口,
            //則可以直接調(diào)用,不需要放在ready函數(shù)中
							//分享給朋友接口  
							wx.onMenuShareAppMessage({
								title:title, // 分享標(biāo)題
								desc: desc, // 分享描述
								link:link, // 分享鏈接
								imgUrl: 'imgUrl', // 分享圖標(biāo)
								type: 'link', // 分享類型,music、video或link,不填默認(rèn)為link
								success: function() {
									// 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
								},
								cancel: function() {
									// 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
								}

							});
							//分享到朋友圈接口  
							wx.onMenuShareTimeline({
								title:title, // 分享標(biāo)題
								desc: desc, // 分享描述
								link:link, // 分享鏈接
								imgUrl: 'imgUrl', // 分享圖標(biāo)
								type: 'link', // 分享類型,music、video或link,不填默認(rèn)為link
								success: function() {
									// 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
								},
								cancel: function() {
									// 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
								}

							});
							
						});

最近分享運(yùn)到的問題
ps:就是針對有的手機(jī)你分享出去的縮略圖不顯示的
解決方案:就是把你要放的縮略圖上傳到你的公眾號的圖文庫里面就可以了,在把里面上傳得到的鏈接方法你分享的里面就可以了,如圖:

在這里插入圖片描述

相關(guān)案例查看更多