知識
不管是網(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ù)這個文檔書寫的,你可以去參考下鏈接
第一步:綁定域名
- 先登錄微信公眾號平臺進(jìn)入[公眾號設(shè)置的功能設(shè)置里面填寫js接口安全域名]
如圖:
需要填寫一下域名,在把文件放到你的服務(wù)器下面,讓他可以訪問(保存按鈕能保存就已經(jīng)放置好了哦)
二、引入微信js-sdk
你可以直接去下載下來或者在你頁面用script標(biāo)簽引入都可以
- 口令安裝 npm i weixin-js-sdk --save
- 直接引入的方式:
<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)案例查看更多
相關(guān)閱讀
- 小程序制作
- web開發(fā)技術(shù)
- 云南省城鄉(xiāng)建設(shè)廳網(wǎng)站
- 云南軟件定制公司
- 百度快速排名
- 云南網(wǎng)站建設(shè)首頁
- 網(wǎng)站收錄
- 云南小程序開發(fā)
- 網(wǎng)站制作哪家好
- 云南網(wǎng)站建設(shè)服務(wù)
- APP
- 小程序退款
- 百度自然排名
- 網(wǎng)站建設(shè)需要多少錢
- 網(wǎng)站建設(shè)公司地址
- typescript
- 小程序開發(fā)費(fèi)用
- 云南網(wǎng)站建設(shè)一條龍
- 云南網(wǎng)站建設(shè)服務(wù)公司
- Web開發(fā)框架
- 小程序密鑰
- 網(wǎng)站搭建
- 汽車報廢管理系統(tǒng)
- 企業(yè)網(wǎng)站
- 云南網(wǎng)站制作
- 智慧農(nóng)貿(mào)市場
- 百度小程序公司
- 云南小程序制作
- 云南建設(shè)廳官方網(wǎng)站
- 云南軟件定制