鸿蒙FA智能家居NFC碰一碰应用原创精华

九阳王能森

发布于 2021-7-8 08:59

浏览

27收藏

鸿蒙FA智能家居NFC碰一碰应用

随着物联网时代的到来，鸿蒙发展越来越好，万物互联的时代即将到来。接下来将会讲讲我接触鸿蒙FA开发。
鸿蒙FA“NFC碰一碰”主要是利用NFC“碰一碰”唤起鸿蒙FA应用，根据NFC通信拿到的设备信息，然后登录关联华为账号，进行配网，配网成功后就可以实现远程控制。

1、首先我们创建一个js的Ability，如图显示。

2、在entry的main->java包里的MainAbility的onStart和onNewIntent获取碰一碰的设备信息。代码如下：

 @Override
    public void onStart(Intent intent) {
        intent.setParam("window_modal",3);
        HmsBridge.getInstance().initBridge(this);
        // 获取sn和sessionId
        String nanSessionId = intent.getStringParam("nanSessionId");
        // 注册配网har包
        NetConfigAbility.register(this, nanSessionId);
        Object businessInfo = intent.getParams().getParam("businessInfo");
        String sn = "";
        if (businessInfo != null) {
            ZSONObject businessInfoZson = ZSONObject.classToZSON(businessInfo);
            sn = businessInfoZson.getZSONObject("params").getString("");
        }
        super.onStart(intent);
    }
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.

  @Override
    // Fa正在运行，又重新扫一次
    public void onNewIntent(Intent intent) {
        // 获取sn和sessionId
        String nanSessionId = intent.getStringParam("nanSessionId");
        Object businessInfo = intent.getParams().getParam("businessInfo");
        String sn = "";
        if (businessInfo != null) {
            ZSONObject businessInfoZson = ZSONObject.classToZSON(businessInfo);
            sn = businessInfoZson.getZSONObject("params").getString("");
        }
   }
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

3、关联华为账号，华为授权登录流程图如下。

鸿蒙FA智能家居NFC碰一碰应用-鸿蒙开发者社区

下面是华为的登录授权接口和退出接口。
// -------------------华为授权登录----------------------
引入鸿蒙sdk
import {HuaweiIdAuthParamsHelper, HuaweiIdAuthManager, OPENID, PROFILE, GAMES, Scope} from '@hmscore/hms-js-account'

    signIn: function () {
        var that = this
        // 新增scopeList
        var scopeList = new Array();
        scopeList.push(OPENID);
        scopeList.push(PROFILE);
        var healthbehavior = new Scope("https://www.huawei.com/healthkit/extend/healthbehavior.read");
        var hearthealthsleep = new Scope("https://www.huawei.com/healthkit/extend/hearthealthsleep.read");
        var fatreduction = new Scope("https://www.huawei.com/healthkit/extend/fatreduction.read");
        var sport = new Scope("https://www.huawei.com/healthkit/extend/sport.read");
        scopeList.push(healthbehavior);
        scopeList.push(hearthealthsleep);
        scopeList.push(fatreduction);
        scopeList.push(sport);

        var opencloud = new Scope("https://www.huawei.com/auth/smarthome/opencloud");
        scopeList.push(opencloud);

        var signInOption = new HuaweiIdAuthParamsHelper().setId().setProfile().setMobileNumber().setAuthorizationCode().setScopeList(scopeList).build();
        console.error(JSON.stringify(signInOption));
        HuaweiIdAuthManager.getAuthApi().getSignInIntent(signInOption).then((result)=>{

            var authCode = result.serverAuthCode;
            var accessToken = result.accessToken;
            var unionId = result.unionId;
        }).catch((error)=>{

        });
    },
    signOut: function () {
        HuaweiIdAuthManager.getAuthApi().signOut().then((result)=>{
   
        }).catch((error) => {
            console.error("signout fail");
        });
    },
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.

4、关联华为账号后，开始配网了，主要是NAN和AP配网：

在第二步骤获取的nanSessionId，如果不是NAN_DEVICE_NOT_FOUND,那么可以走NAN配网流程，否则走Ap配网。具体配网步骤如
下：
引入华为的配网模块。
鸿蒙FA智能家居NFC碰一碰应用-鸿蒙开发者社区 ![cc.jpg]

NAN配网

操作设备上配网键让设备进入配网模式
手机碰一碰设备上的NFC标签，拉起轻应用
选择配网wifi
调用 discoveryByNAN接口 code为0
调用 connectDevice接口连接设备
调用 configDeviceNet接口开始配网
调用 disconnectDevice接口断开网络
调用检测设备是否上线接口
检测到设备上线，调用绑定设备接口

AP配网

操作设备上配网键让设备进入配网模式
手机碰一碰设备上的NFC标签，拉起轻应用
选择配网wifi
调用 discoveryByNAN接口 code不为0
调用 discoveryBySoftAp接口搜索当前设备的ap，搜索不到的话尝试直接去连接ap
调用 connectDevice接口连接设备
调用 configDeviceNet接口开始配网
调用 disconnectDevice接口断开网络
调用检测设备是否上线接口
检测到设备上线，调用绑定设备接口

5、配完成功后就可以跳到设备控制页进行一些列的设备操控了。

6、过程运到的一些问题如下以及解决方案：

EMUI的版本下，如果串行显示多个弹窗的操作或者别的渲染时，会白屏？

解决方法是让某个视图稍微延时渲染。
1.

EMUI的版本下，有时如果界面渲染情况复杂，会出现某个div显示与否，在使用if来控制显示的时候，可能会出现白屏。

这种情况使用div的属性show会解决这个问题，用if的时候会改变渲染树的结构，使用show避免这个问题。
1.

在使用画布的时候，如果数据发生改变重绘制时，会出数据重绘错乱。

需要先清除绘制，然后在进行绘制
1.

在Ide升级到 Build Version: 2.1.0.501以上,在适配compileSdkVersion和compatibleSdkVersion版本时，不需要在config.js里设置了，config.js设置无效，得在build.grade里设置适配的版本好了。

以上主要是我们团队在开发鸿蒙FA智能家居NFC碰一碰应用时的一些问题和见解。

鸿蒙FA智能家居NFC碰一碰应用-鸿蒙开发者社区

©著作权归作者所有，如需转载，请注明出处，否则将追究法律责任

分类

标签

已于2021-7-8 08:59:39修改

14条回复

按时间正序

按时间倒序

红叶亦知秋

终于有碰一碰的讲解了。

2021-7-8 09:59:16

Whyalone

先插个眼！

2021-7-8 10:04:42

鸿联

果断收藏

2021-7-8 11:20:25

特立独行的猫a

设备端也需要有nfc模块吧？

2021-7-8 11:52:26

丨张明亮丨

占座，好文，存下慢慢看

2021-7-8 15:45:02

一朵浪花呀

不错，不错，不错，不错，不错，不错，

2021-7-8 19:56:07

爱吃土豆丝的打工人

收藏收藏。能搞套代码看看就更好了

2021-7-9 14:16:02

Der_带鱼

插个眼，收藏

2021-7-9 21:43:57

九阳初睿琪

学习一下点赞～👍

2021-7-12 14:28:09

wx61307eea25134

求发个demo

2021-9-2 15:43:24

愿世界美好环环相扣

有没有demo代码啊

2021-9-7 18:07:44

wx6114b5fc66bcd

有完整代码么，应用写好怎么放在手机上运行，是编译成hap，拷贝到鸿蒙系统的手机，再安装下就可以使用么？

2021-9-13 17:22:04

Joyoung九阳

不用手洗多功能破壁机Y521，蒸汽饭煲F-S5，不用手洗破壁豆浆机K2S，破壁机P156皆已上架华为Vmall商城，支持鸿蒙智联，碰一碰开启智慧烹饪体验

2021-10-15 14:05:40

wx5cef71aec8bec

你好， HmsBridge这个是不是要在myapplication.java文件进行全局定义？

2022-3-26 17:12:29

51CTO

51CTO博客

51CTO学堂

鸿蒙FA智能家居NFC碰一碰应用原创精华

鸿蒙FA智能家居NFC碰一碰应用

1、首先我们创建一个js的Ability，如图显示。

2、在entry的main->java包里的MainAbility的onStart和onNewIntent获取碰一碰的设备信息。代码如下：

3、关联华为账号，华为授权登录流程图如下。

4、关联华为账号后，开始配网了，主要是NAN和AP配网：

NAN配网

AP配网

5、配完成功后就可以跳到设备控制页进行一些列的设备操控了。

6、过程运到的一些问题如下以及解决方案：

以上主要是我们团队在开发鸿蒙FA智能家居NFC碰一碰应用时的一些问题和见解。

目录

订阅鸿蒙技术特刊，精选内容抢先看

51CTO

51CTO博客

51CTO学堂

鸿蒙FA智能家居NFC碰一碰应用 原创 精华

鸿蒙FA智能家居NFC碰一碰应用

1、首先我们创建一个js的Ability，如图显示。

2、在entry的main->java包里的MainAbility的onStart和onNewIntent获取碰一碰的设备信息。代码如下：

3、关联华为账号，华为授权登录流程图如下。

4、关联华为账号后，开始配网了，主要是NAN和AP配网：

NAN配网

AP配网

5、配完成功后就可以跳到设备控制页进行一些列的设备操控了。

6、过程运到的一些问题如下以及解决方案：

以上主要是我们团队在开发鸿蒙FA智能家居NFC碰一碰应用时的一些问题和见解。

目录

订阅鸿蒙技术特刊，精选内容抢先看

鸿蒙FA智能家居NFC碰一碰应用原创精华