云上协同移动端H5 Jsbridge

用于H5应用与原生功能交互

快速上手

• 引入

  方式1：HTML中通过script标签引入(ccworkJsbridge.js)：

  <script src="https://ccwork.oss.cn-north-3.inspurcloudoss.com/h5/ccworkJsbridge.js"></script>

  方式2：

  npm install ccwork-jsbridge

  import ccworkBridge from 'ccwork-jsbridge';
  // 引入后同样会赋值到 window.ccworkBridge，即ccworkBridge = window.ccworkBridge

• 初始化（调用具体API前请先调用此方法，初始化完成后调用其他方法）

  // javascript
  ccworkBridge.init(function() {
    ccworkBridge.ccworkGetLocation(function(data){
      console.info('结果：', data);
    })
  });

  • 若使用前端框架，建议在init回调函数中初始化框架实例。

  // vue
  ccworkBridge.init(function() {
    new Vue({
      router,
      render: h => h(App)
    }).$mount('#app')
  });
  
  // react
  ccworkBridge.init(function() {
    ReactDOM.render(
      <h1>Hello, world!</h1>,
      document.getElementById('example')
    );
  });
  
  // angular
  ccworkBridge.init(function() {
    platformBrowserDynamic().bootstrapModule(AppModule)
      .catch(err => console.error(err));
  });
  
  // jquery
  ccworkBridge.init(function() {
    $(function(){
      // todo...
    });
  });

API说明文档

点击查看