h5网页点击一键跳转小程序-526互联

我的需求是从公众号h5页面,点击跳转某个a链接跳转到小程序,此文档也是记录我的实现过程.

开发语音:PHP

前期准备工作:

　　微信公众号ip白名单设置

js授权安全域名设置

access_token获取权限设置

设置此次开发相关的工作:

　　　　登录微信公众后台(公众号账号);绑定跳转目标小程序;

PHP获取跳转目标小程序的url地址:

//获取access_token
function getxcxAccessToken(){
        $appid = ''; //目标小程序的appid (注意是小程序的)
        $secret = ''; //目标小程序的secret
        $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={$appid}&secret={$secret}";
        $res = postRequest($url);
        $res = json_decode($res,1);
        return $res['access_token'];
}
//获取跳转目标小程序的链接地址
function get_xcx_link()
{
    $access_token = $this->getxcxAccessToken();
    $tempData = array(
        'jump_wxa' => array(
            'path' => 'pages/index/index',
            'query' => '',
            'env_version' => 'release',
        ),
        'is_expire' => true,
        'expire_time' => time() + 20*24*3600, //20天过期
        'expire_type' => 0
    );

    $url = 'https://api.weixin.qq.com/wxa/generatescheme?access_token='.$access_token;
    $res = postRequest($url,$tempData);
    $result = json_decode($res, true);
    //这就是返回的跳转地址 大概长这个样子 weixin://dl/business/?t=pn9ABC2ABC
    echo $result['openlink'];
}

以上示例链接地址有效期20天,可以把链接地址和过期时间保存起来,过期了再生成一次即可.

h5页面不需要引入任何文件,直接把返回的openlink写入a标签的href即可 .