APP开发APP拉起小程序 wxLaunchMiniProgram 拉起微信小程序

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

wxLaunchMiniProgram 拉起微信小程序

拉起微信小程序,请参考官方 说明

jsBridge.wxLaunchMiniProgram({
  user_name: "gh_d43f693ca31f",
  path     : "",
  type     : 0  //版本类型
}, function(succ, data) {
  if (succ) {
    alert("成功\n" + JSON.stringify(data));
  } else {
    alert("失败\n" + JSON.stringify(data));
  }
});
/*
参数说明:
{
  user_name: //字符串,小程序原始id,如 gh_d43f693ca31f
  path     : //字符串,拉起小程序页面的可带参路径,不填默认拉起小程序首页,对于小游戏,可以只传入 query 部分,来实现传参效果,如:传入 "?foo=bar"
  type     : //数字,小程序版本类型,0 正式版,1 开发版,2 体验版(默认 0)
}
-------------------
回调函数参数说明:
【注意,需要在小程序中点击 <button open-type="launchApp"> 拉起APP才会有回调通知,请参考 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html】
succ : //布尔类型,是否成功
data : //JSON 类型,成功时返回如下数据:
{
  ext_msg : //字符串,对应小程序组件 <button open-type="launchApp"> 中的 app-parameter 属性
}
*/

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.wxLaunchMiniProgram({
  user_name: "gh_d43f693ca31f",
  path     : "",
  type     : 0  //版本类型
}, function(succ, data) {
  if (succ) {
    alert("成功\n" + JSON.stringify(data));
  } else {
    alert("失败\n" + JSON.stringify(data));
  }
});
/*
参数说明:
{
  user_name: //字符串,小程序原始id,如 gh_d43f693ca31f
  path     : //字符串,拉起小程序页面的可带参路径,不填默认拉起小程序首页,对于小游戏,可以只传入 query 部分,来实现传参效果,如:传入 "?foo=bar"
  type     : //数字,小程序版本类型,0 正式版,1 开发版,2 体验版(默认 0)
}
-------------------
回调函数参数说明:
【注意,需要在小程序中点击 <button open-type="launchApp"> 拉起APP才会有回调通知,请参考 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html】
succ : //布尔类型,是否成功
data : //JSON 类型,成功时返回如下数据:
{
  ext_msg : //字符串,对应小程序组件 <button open-type="launchApp"> 中的 app-parameter 属性
}
*/

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.wxLaunchMiniProgram({
  user_name: "gh_d43f693ca31f",
  path     : "",
  type     : 0  //版本类型
}, function(succ, data) {
  if (succ) {
    alert("成功\n" + JSON.stringify(data));
  } else {
    alert("失败\n" + JSON.stringify(data));
  }
});
/*
参数说明:
{
  user_name: //字符串,小程序原始id,如 gh_d43f693ca31f
  path     : //字符串,拉起小程序页面的可带参路径,不填默认拉起小程序首页,对于小游戏,可以只传入 query 部分,来实现传参效果,如:传入 "?foo=bar"
  type     : //数字,小程序版本类型,0 正式版,1 开发版,2 体验版(默认 0)
}
-------------------
回调函数参数说明:
【注意,需要在小程序中点击 <button open-type="launchApp"> 拉起APP才会有回调通知,请参考 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html】
succ : //布尔类型,是否成功
data : //JSON 类型,成功时返回如下数据:
{
  ext_msg : //字符串,对应小程序组件 <button open-type="launchApp"> 中的 app-parameter 属性
}
*/

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

微信服务号中相关设置(js安全域名、网页授权域名、ip白名单)

使用场景:

1.微信中对从APP分享到微信中的内容进行二次分享,包括本地圈话题页,本地圈详情页,H5应用页面

2.千帆应用平台中使用打通微信的投票应用开展活动

3.打通千帆wap

要求:提供一个微信公众平台账号的APPID和APPSECRET,请务必提供已认证的服务号,要求设置JS安全域名及授权回调域名


一、服务号內设置js安全域名、网页授权域名

请将反向代理域名(H5活动域名)及站点自身分享域名设为服务号的JS安全域名,需要使用打通微信的投票功能则将服务号的授权回调域名设置为自己的反向代理域名(H5活动域名)

(注:如果站点打通wap,授权回调域名设置为分享域名

分享域名、反向代理域名(H5活动域名)查找入口:管理后台–平台服务–域名设置

  1、 如何设置公众号的JS安全域名:

a. 登录微信服务号之后,找到最左侧的 【公众号设置】并点击

b. 点击【功能设置】

c. 找到【JS接口安全域名】,点击【设置】

d. 将分享域名和反向代理域名(H5活动域名)添加进js安全域名

【注】

若出现因文件没有上传至服务器导致无法添加域名的情况

需点击图中标识位置,下载文件并上传至服务器,也可发给千帆对接小编或运维,帮忙上传。

上传完成后点击保存。

2、如何添加网页授权域名:

a. 进入【功能设置】

b. 找到【网页授权域名】,点击【设置】

c. 打通wap的站点填写分享域名,未打通的站点请填写反向代理域名(H5活动域名)

若出现因文件没有上传至服务器导致无法添加域名的情况

需点击图中标识位置,下载文件并上传至服务器。如果在修改js安全域名的时候已经上传过这个文件了,可跳过此操作。

强制https校验无需开启

【注】:如果网页授权域名已指向pc站点域名,可参考这个指南操作 http://www.qianfanyun.com/help/558


二、微信公众号添加 IP 白名单(不是域名白名单)

登录微信服务号之后,点击最左侧的 【基本配置】

点击修改,填入 IP  :  120.26.59.201 、121.196.234.159、121.41.35.154、121.43.158.184、121.196.234.179

(这个是我们大后台服务器的 IP) ,然后确认修改


三、绑定微信开放平台

若站点需打通wap的微信登录,则还需将设置好域名的服务号绑定到微信开放平台下

登陆接入时提供的微信开放平台:https://open.weixin.qq.com/ 

按照要求填写设置过授权回调的服务号完成验证

微信开放平台开发者资质认证

要做微信开放平台开发者资质认证,首先需要登录微信开放平台(open.weixin.qq.com);

图:微信开放平台

登录后,点击账号中心——开发者资质认证——现在申请;

图:开发者资质认证

认证微信开放平台开发者资质是付费的,地区不同费用不一样中国大陆地区是300元,非中国大陆地区是99美元;

图:开发者资质认证介绍

要认证微信开放平台开发者资质必须要是组织机构才行,个人是不能认证开发者资质的;

图:选择机构类型

选择不同的机构类型会上用户上传不同的资料,更具下面的内容依次去上传或者扫码或者输入验证码即可。

图:填写相关资料

申请微信开放平台移动应用账号注册

首先需要去open.weixin.qq.com注册一个账号,账号请填写未在微信开放平台和公众平台注册、未被微信私人帐号绑定的邮箱;

图:微信开放平台

账号都是电子邮箱;

图:注册账号

注册账号后选择注册地,一般都是中国大陆;

图:选择注册地

然后去选择主体类型,更具个人实际情况选择即可;

图:选择主体类型

主体信息填写完成后,都需要你填写的管理员实名认证的微信扫码;提交后就可以去认证开发者资质了,如果你不认证开发者资质在申请移动应用的时候是不能获取支付和登录权限的;

图:未认证开发者无法申请开通微信支付
图:未认证开发者无法申请开通微信登录