首先获取当前环境是ios还是Android
对ios和Android 不同环境下做处理
交互处理
需求:
H5调用APP的方法打开手机通讯录面板,然后APP调用H5注册的方法将用户选择的手机号码通过回调给到H5:
交互:APP和H5相互定义好方法名字,以及需要的参数,返回的方法,下面是交互文档,APP端注册的名字叫做:"useSystemAddressBookUI",H5注册的方法名字叫做:"getSingleContactData";
1、js调用Native
业务介绍 | 方法签名 | 方法参数 | 方法返回值 | 说明 |
---|---|---|---|---|
调用系统通讯录面板 | useSystemAddressBookUI | 无 | 无 | 无 |
2、Native调用js
业务介绍 | 方法签名 | 方法参数 | 方法返回值 | 说明 |
---|---|---|---|---|
获取通讯录单个数据 | getSingleContactData | json字符串 格式如下: "{name:"zhangsan",phone:"15117988888"}" | 无 | 通讯录为空是json字符串为空"" 交互框架使用: WebViewJavascriptBridge |
前端使用:
效果图如下: