ccwork-jsbridge v1.4.6

云上协同移动端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说明文档

点击查看

comment: <> (### 问题反馈)

comment: <> (- vx:)

comment: <> ( (http://icity24.infile.cloud.inspur.com/icity-questionnaire/contact_qrcode.jpg))

comment: <> (- QQ: 495857172)