uni - app的 nfc功能使用鱼住未来第三方插件完成

最新推荐文章于 2024-05-14 10:43:19 发布

^草莓牛乳茶^

最新推荐文章于 2024-05-14 10:43:19 发布

阅读量1.6k

点赞数 2

分类专栏： uni-app 文章标签： java javascript 开发语言

本文链接：https://blog.csdn.net/2301_76882889/article/details/130280076

版权

uni-app 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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身份识别 | 小程序插件 | 微信公众平台