使用uniapp在开发app的过程中,会有分享h5的功能,这种功能在我们使用APP的时候是非常常见的,但是具体怎么实现呢?
首先uniapp框架为我们提供了对应的api(uni.share)
app上
1.使用 uni.share API方式调用社交sdk分享
2.使用 uni.shareWithSystem 呼起手机os的系统分享菜单
使用:
1.参数名provider 分享服务提供商( weixin )必填
2.参数名type 分享形式 (0图文、1纯文字、2纯图片、3音乐、4视频、5小程序)
3.参数名scene 场景(provider 为weixin时是必填的)WXSceneSession
4.参数名 href 为分享的链接(需要注意的是在分享后通过h5页面唤醒app,进入app的某个页面,如果需要携带多个参数的话可以通过encodeURIComponent来实现,如果只需要1个参数的话就可以直接跟在路径后面就可以)
5.参数名title 顾名思义就是分享的标题
6.参数名summary是分享的摘要
7.参数名imageUrl为分享图片地址
8.success函数分享成功的回调以及处理逻辑
9. fail函数分享失败后的回调以及处理逻辑
那我们分享到微信以后呢,通过点击h5页面怎么唤醒app呢?
具体操作如下:
openApp() {
let platform = uni.getSystemInfoSync().platform;
let hidden =
window.document.hidden ||
window.document.mozHidden ||
window.document.msHidden ||
window.document.webkitHidden;
if (platform === "ios") {
// 条件注释 : 1.判断是否是微信浏览器 2.判断是否是ios系统 3.判断是否是微信浏览器的ios系统
if (typeof hidden == "undefined" || hidden == false) {
window.location.href = ``; //下载地址 可以直接跳转到appstore的
}
}
if (
platform === "android" ||
platform === "linux" ||
platform === "windows"
) {
if (typeof hidden == "undefined" || hidden == false) {
window.location.href = ``; //下载地址
}
}
}