# jsbridge接入
+  1，建议在utils方法中统一封装jsbridge对象，在具体业务需要使用的时候导入即可
+  2，封装callWebViewByObject 对象
```javascript
// jsbridge会统一挂载在window对象下。（固定写法不需要更改）
const callWebViewByObject = (fnName, params) => {
  if (window.AppJSInterface) {
	 // Android端
    window.AppJSInterface[fnName](JSON.stringify(params));
  } else if (window.webkit.messageHandlers) {
	 // ios端
    window.webkit.messageHandlers[fnName].postMessage(JSON.stringify(params));
  }
};
```
+ 2，封装jsbridage对象并导出，以调用分享为例，使用时无需更改，与1中的的callWebViewByObject 在同一个js文件中
```javascript
	const jsbridge = {
		// 分享配置，可分享图片或者网页地址
	  shareConfig(param) {
	    this.appReady()
	      .then(() => {
	        let json;
	        if (param.type === 'image') {
	          json = {
	            type: 'image',
	            link: param.link,
	            cbname: param.cbname,
	          };
	        } else {
	          json = {
	            img: param.img,
	            title: param.title,
	            desc: param.desc,
	            link: param.link,
	            cbname: param.cbname,
	          };
	        }
	        callWebViewByObject('configWXShare', json);
	      })
	      .catch((error) => {
	        alert(error); // eslint-disable-line
	      });
	  },
	}
	export default jsbridge;
```
+ 3，在业务中使用
``` javascript
// 此处写项目中的实际路径
import jsBridge from '@/utils/jsbridge';

// 分享页面
const sharePageToWx= () => {
    jsBridge.shareConfig({
	    title: '这是分享的标题',
	    desc: '这是分享的标题',
	    img: '分享时的logo图地址', // url地址
	    link: '分享页面的url', // url地址
    });
 };
// 分享纯图片
const shareImgToWx = ()=>{
	jsBridge.shareConfig({
      type: 'image', // 固定字符串，无需更改
       link: url,  // 分享的图片路径
     });
}
	
```
### 注意事项
+ 只能在真机环境中测试运行。