(注:本文小程序默认指陌陌小程序)
1.App或小程序打开h5 1.Webview实现
关于h5中如何判断平台环境好用的小程序和网站推广,可以参考另一篇文章:传送门
代码示例(小程序):
<web-view
src="{{url}}"
bindmessage="getMessage"
></web-view>
2、app打开小程序 1、微信开放平台sdk实现
具体规定参考官方文档:
3. 从小程序中打开应用程序 1. 在应用程序中打开小程序,然后移至
具体规定可参考官方文档:传送门
代码示例:
<button
open-type="launchApp"
app-parameter="myParameters"
binderror="onLaunchAppError"
>打开APP</button>
4、打开微信中h5中的小程序 1、实现微信的开放标签
具体规定可参考官方文档:传送门
代码示例:
<wx-open-launch-weapp
id="launch-btn"
username="gh_xxxxxxxx"
path="pages/home/index?user=123&action=abc"
>
<template>
<style>.btn { padding: 12px }</style>
<button class="btn">打开小程序</button>
</template>
</wx-open-launch-weapp>
2.小程序代码实现
具体规定可参考官方文档:传送门
5.正常环境下打开小程序h5
这里的正常环境是指除Momo之外的其他应用程序中正常的浏览器或webview环境。
短信唤醒小程序本质上是通过普通的h5唤醒来实现的。
1.小程序url schema实现
url schema 是一个页内跳转契约。 通过定义自己的方案合约,您可以轻松跳转到应用程序中的各个页面。
这也是去年小程序官方推出的方式。 它易于使用,强烈推荐。
具体规定可参考官方文档:传送门
2.云开发静态托管h5实现
具体规定可参考官方文档:传送门
3.小程序代码实现
具体规定可参考官方文档:传送门
6.在微信中使用h5打开应用程序
在微信环境中好用的小程序和网站推广,默认禁止使用url schema等方式打开应用程序。 除非你是白名单的app,比如腾讯的知乎、bilibili等,否则一般的app只能另谋出路。
1.微信开放标签的实现
具体规定可参考官方文档:传送门
代码示例:
<wx-open-launch-app
id="launch-btn"
appid="your-appid"
extinfo="your-extinfo"
>
<template>
<style>.btn { padding: 12px }</style>
<button class="btn">打开App</button>
</template>
</wx-open-launch-app>
2.应用宝微下载实现
App Store的微下载链接页面会手动判断操作平台。 如果判断为Android,则会跳转到该应用的App Store详情页面。 如果判断是ios,则跳转到苹果应用商店的详情页面。
具体规定参考官方文档:
代码示例:
<a
href="https://a.app.qq.com/o/simple.jsp?pkgname=com.test.testapp"
>打开App</a>
3.右上角提示用浏览器打开
判断Momo环境的代码示例:
const ua = window.navigator.userAgent.toLowerCase()
const isWechat = (() => {
return /MicroMessenger/i.test(ua)
})()
七、正常环境h5打开app
这里的正常环境是指除Momo之外的其他应用程序中正常的浏览器或webview环境。
1. url schema的实现
url schema 是一个页内跳转契约。 通过定义自己的方案合约,您可以轻松跳转到应用程序中的各个页面。
代码示例:
<a
href="pinduoduo://com.xunmeng.pinduoduo/"
>打开App</a>
2、通用链接的实现
通用链接是iOS9.0引入的一项新技术。 如果应用程序支持通用链接,您可以通过https链接打开应用程序(手机中已安装此应用程序),也可以跳转到https链接(手机中未安装此应用程序)。
代码示例:
<a
href="https://help.wechat.com/app/"
>打开App</a>
参考链接:
发表评论