微信h5小程序

       下面，我将用我自己的方式来解释微信h5小程序的问题，希望我的回答能够对大家有所帮助。让我们开始讨论一下微信h5小程序的话题。

1.非微信环境的H5打开小程序和微信app

2.h5打开小程序有提示

非微信环境的H5打开小程序和微信app

       拿到小程序appid和secret，调接口，详情见 /miniprogram/dev/api-backend/open-api/access-token/auth.getAccessToken.html 微信官方文档，获取小程序 scheme 码

        微信小程序官方文档

        1.URL Scheme 对安卓系统兼容不是很好，还是需要 location.href = 'weixin://dl/business/?t= TICKET '

        2,安卓系统，短信里直接点击 URL Link，进入的是 官方H5网页，然后点击跳转到小程序。

        安卓 只能点击Link 不能点击 Scheme

        URL Link 更好一些。并且兼容性也强，也不需要自定义H5页面,用户体验高于urlScheme

        技术实现

        步骤一：生成url schema

        讲述如何生成？

        获取access_token

        拿到小程序appid和secret，调接口

        详情见 /miniprogram/dev/api-backend/open-api/access-token/auth.getAccessToken.html 微信官方文档

        获取小程序 scheme? 详情见 /miniprogram/dev/api-backend/open-api/url-scheme/urlscheme.generate.html 微信官方文档

        openlink就是小程序 scheme 码

h5打开小程序有提示

       定义: 微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签，网页开发者可安全便捷地使用微信或系统的能力，为微信用户提供更优质的网页体验

        有哪些开放标签?

        <wx-open-launch-weapp>?打开小程序

        <wx-open-launch-app>?打开app

        接入要求

        主体要求: 仅开放给已认证的服务号

        系统要求：

        微信版本要求为：7.0.12及以上。系统版本要求为：iOS 10.3及以上、Android 5.0及以上

        接入方法

        打开小程序使用步骤与微信JS-SDK类似，需要绑定安全域名、引入JS文件等步骤

        打开app需要前往微信开放平台的管理中心-公众账号或小程序详情-接口信息-网页跳转移动应用-关联设置中绑定所需要跳转的App

        示例:

        配置最新JSSDK

        wx.config({

        //?其它配置不变，?openTagList配置可使用的开放标签,

        openTagList:?['wx-open-launch-app,?wx-open-launch-weapp']

        })

        页面使用开放标签

        打开小程序

        id="launch-btn"

        //?小程序id

        username="gh_xxxxxxxx"

        //?小程序路径

        path="/a/b/c?d=1&e=2#fg"

        >

       .btn?{?padding:?12px?}

        打开小程序

        打开app

        id="launch-btn"

        //?移动应用appid

        appid="your-appid"

        //?额外信息,?客户端自行解析

        extinfo="your-extinfo"

        >

       .btn?{?padding:?12px?}

        App内查看

        回调

       var?btn?=?document.getElementById('launch-btn');

        //?调起成功回调

        btn.addEventListener('launch',function(e)?{

        console.log('success');

        });

        //?调起失败回调

        btn.addEventListener('error',function(e)?{

        console.log('fail',?e.detail);

        });

       当在H5页面中打开小程序时，可能会出现一些提示，下面列举了一些可能出现的提示及其含义：

       1、"该小程序不支持在当前场景下打开"：表示该小程序不支持在H5页面中打开，需要在微信中打开。

       2、"请在微信中打开"：表示需要在微信中打开该小程序，无法在其他浏览器中打开。

       3、"您的微信版本过低，请升级微信后再试"：表示当前微信版本过低，需要升级到最新版本才能打开该小程序。

       4、"小程序未发布，无法打开"：表示该小程序还未发布，无法在H5页面中打开。

       好了，关于“微信h5小程序”的讨论到此结束。希望大家能够更深入地了解“微信h5小程序”，并从我的解答中获得一些启示。