好用的小程序和网站推广-h5、app、小程序相互跳转打开的形式总结

(注:本文小程序默认指陌陌小程序)

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>

参考链接: