Skip to content

基于WebViewJavascriptBridge而设计并封装好的一种非常简单易用的Hybrid App的解决方案。指令式的交互方式。

License

Notifications You must be signed in to change notification settings

nelsonkuang/xApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 

Repository files navigation

xApp

A Dead Simple Hybrid App Solution base on WebViewJavascriptBridge
xApp是基于WebViewJavascriptBridge而设计并封装好的一种非常简单易用的Hybrid App的解决方案。指令式的交互方式。  

使用方式

  1. APP与网页版共存的情况,参照sendToApp的电商平台APP,如下:
<a data-href="/goods/450630" data-id="450630" class="goodslink" href="javascript:void(0);">立刻参与</a>
if(xApp.isInApp()) { // 在APP Webview中打开
   $(document).on('click', '.goodslink', function() {
      var gid = $(this).attr('data-id');
      sendToApp(1, gid); // '1' 为商品详情页跳转指令, gid 为商品ID, 打开ID为 gid 的商品详情页
   });
} else { // 非APP下
   $(document).on('click', '.goodslink', function() {
      var href = $(this).attr('data-href');
      window.location.href = href; // 直接打开网页链接
   });
}
  1. Webview中h5页面加载时需要使用APP端传过来的用户GID
xApp.ready(function(data) {
   var gId = data.gId;
   // ...
});

About

基于WebViewJavascriptBridge而设计并封装好的一种非常简单易用的Hybrid App的解决方案。指令式的交互方式。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published