1、鱼住未来注册

https://console.aidoing.com.cn/home/workplace

2、注册好,创建应用

 

3、manifest.json中源码视图

"plugins" : {
            "yz-reader" : {
                "version" : "1.6.1",
                "provider" : "wx0d82ce42bf0f4960"
            }
        }

4、哪个页面使用nfc就再json文件中配置

{
  "path": "",
  "style": {
  "navigationBarTitleText": "名单",
  "navigationStyle": ""
},
  "usingComponents": {
   "yz-reader": "plugin://yz-reader/yz-reader"
 }
}

5、使用uni-app写功能

<yz-reader
appID="wxc500f84b30be87a6"                                   //开发者权限id
appKey="44063E7AA82B6C38D67826FA040F1979"                   // 创建应用时候的appKey
appSecret="ZmNmMTA1NGU3OTU5NWVkZTFjODY4OGFjZTYxMjQ1OWY="   // 创建应用时候的appSecret
ownIdentification="wechat-nickname" 
style="width: 100%;" 
@reading="handlerReading"    // nfc识别事件
userDefined="true"          // nfc识别界面 为true时隐藏界面 也可以识别数据
></yz-reader> 

注意:使用uniapp写的时候 事件是@reading="handlerReading"

使用原生微信开发者工具写的时候 事件是 :reading="handlerReading"

每次第三方插件创建应用,有20次nfc识别机会使用,用完之后,创建新的应用就可以了,切记新的应用切换appkey   appsecret

6、@reading="handlerReading"方法 

handlerReading(data) {
   const { success, error, status, percent, cardInfo } = data.detail
   if (success) {
       // 读卡状态和进度
       console.log('-reading process-', status, percent)
     if (status === 3) {
       // 读卡成功
       console.log('-reading success-', cardInfo)
     }
   } else {
     // 读卡失败
     console.log('-reading error-', error)
   }
 },

附上第三方插件,使用链接:

鱼住NFC身份识别 | 小程序插件 | 微信公众平台

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐