当前位置:首页 » EXE开发教程 » 正文

detail 商品详情页,APP内打开H5网页 APP开发淘宝客 接入阿里百川电商能力

用做网页的技术做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

♦ 请参考“Page类型”说明 http://baichuan.taobao.com/docs/doc.htm?treeId=129&articleId=105647&docType=1#s1

♦ 下述页面打开函数都可提供 h5, taoke, track 参数,用法相同。

核心代码示例,详情参阅demo

jsBridge.bc.detail({
  itemId: "569454419126", //支持itemId和openItemId的商品,必填,不允许为null
  h5    : true, //true: 在APP内打开淘宝H5页面, false:尝试呼出淘宝APP打开商品详情,默认值true
  //淘宝客打点参数, 默认 null
  //taoke : {
  //    pid    : "x",
  //    unionId: "y",
  //    subId  : "z"
  //},
  track : {     //yhhpass跟踪参数
  }
}, function(succ, msg) {
  alert(succ ? "成功" : msg);
});

A标签执行JS示例代码

网址生成APP

<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.bc.detail({
  itemId: "569454419126", //支持itemId和openItemId的商品,必填,不允许为null
  h5    : true, //true: 在APP内打开淘宝H5页面, false:尝试呼出淘宝APP打网站生成app软件开商品详情,默认值true
  //淘宝客打点参数, 默认 null
  //taoke : {
  //    pid    : "x",
  //    unionId: "y",
  //    subId  : "z"
  //},
  track : {     //yhhpass跟踪参数
  }
}, function(succ, msg) {
  alert(succ ? "成功" : msg);
});

}
</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.bc.detail({
  itemId: "569454419126", //支持itemId和openItemId的商品,必填,不允许为null
  h5    : true, //true: 在APP内打开淘宝H5页面, false:尝试呼出淘宝APP打开商品详情,默认值true
  //淘宝客打点参数, 默认 null
  //taoke : {
  //    pid    : "x",
  //    unionId: "y",
  //    subId  : "z"
  //},
  track : {     //yhhpass跟踪参数
  }
}, function(succ, msg) {
  alert(succ ? "成功" : msg);
});

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

编辑:yimen,如若转载,请注明出处:https://www.yimenapp.com/kb-yimen/9372/

部分内容来自网络投稿,如有侵权联系立删

未经允许不得转载:一门应用 » detail 商品详情页,APP内打开H5网页 APP开发淘宝客 接入阿里百川电商能力
分享到

相关推荐

联系我们

微信公众号

yimendabao

关注官方微信,了解最新资讯

客服QQ
4001658508

企业QQ,点击发起咨询