## 云上协同移动端H5 Jsbridge
#### 用于H5应用与原生功能交互

### 快速上手
- #### 引入
    方式1：HTML中通过script标签引入([ccworkJsbridge.js](https://ccwork.oss.cn-north-3.inspurcloudoss.com/h5/ccworkJsbridge.js))：
    ```HTML
    <script src="https://ccwork.oss.cn-north-3.inspurcloudoss.com/h5/ccworkJsbridge.js"></script>
    ```

    方式2：
    ```shell script
    npm install ccwork-jsbridge
    ```
    ```javascript
    import ccworkBridge from 'ccwork-jsbridge';
  // 引入后同样会赋值到 window.ccworkBridge，即ccworkBridge = window.ccworkBridge
    ```
- #### 初始化（调用具体API前请先调用此方法，初始化完成后调用其他方法）
    ```javascript
    // javascript
    ccworkBridge.init(function() {
      ccworkBridge.ccworkGetLocation(function(data){
        console.info('结果：', data);
      })
    });
    ```
    - 若使用前端框架，建议在init回调函数中初始化框架实例。
    ```javascript
    // 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说明文档
  [点击查看](http://www.icity24.xyz/platformcenter/ccwork/jsbridge-doc/index.html)
    
[comment]: <> (### 问题反馈)

[comment]: <> (- vx:)
    
[comment]: <> (    ![vx qrcode]&#40;http://icity24.infile.cloud.inspur.com/icity-questionnaire/contact_qrcode.jpg&#41;)

[comment]: <> (- QQ: 495857172)