IoT 애플릿 개발 및 디버깅

개발 머신 바인딩 애플릿 APPID

개발 머신은 IoT 애플릿을 개발할 때 애플릿의 기능으로 디버깅되는 IoT 장치를 의미합니다. IoT 장치는 애플릿 컨테이너의 개발자 모드를 통해 APPID에 바인딩된 후 개발 기계로 간주됩니다.

개발자 모드 시작

Dragonfly 시리즈 장치는 개발자 모드로 전환

• Dragonfly 장치는 전원을 켰을 때 4G 카드를 장착하고 있으며, 전원을 켰을 때 기본적으로 4G 모바일 데이터 트래픽을 통해 인터넷에 연결됩니다. Wi-Fi 환경에서 사용해야 하는 경우 기기를 켤 때 전원 버튼을 길게 눌러 시스템 설정 > 네트워크 설정으로 진입하여 Wi-Fi에 연결하는 것을 권장합니다. Qingting 장치에 대한 4G 카드 요금 설명: 4G 카드 사용은 1년 이내에 무료입니다. 요금 만료 후 알림을 기다리십시오.
  사용자가 개인 4G 카드로 변경하는 것을 권장하지 않으며 다른 4G 카드는 Alipay에서 테스트하지 않았으며 안정성을 보장할 수 없습니다.
  
• 전원 버튼을 길게 눌러 시스템 설정 페이지로 들어가 About This Machine을 클릭한 다음 애플릿 컨테이너를 연속으로 8번 클릭하여 애플릿 구성을 열고 Alipay IoT 애플릿 설정 페이지로 들어간 다음 클릭하여 개발자 모드로 들어갑니다. . 개발자 모드는 Dragonfly 장치의 개발 및 디버깅 모드를 말하며, 이 모드에 진입한 후 Dragonfly 장치는 Mini Program Developer Tool(IDE)에 의해 온라인 상태로 인식될 수 있으며 IoT 애플릿을 장치에 푸시할 수 있습니다. 디버깅
  

데스크톱 금전 등록기 장치/대형 화면 셀프 서비스 장치가 개발자 모드로 들어갑니다.

1. 장치를 켜고 Wi-Fi 또는 유선 네트워크에 연결합니다.
2. 시작 후 시스템 바탕 화면을 입력하고 클릭하여 시스템 설정 > 이 머신 정보로 들어갑니다. 애플릿 컨테이너를 연속으로 8번 클릭하여
애플릿 구성을 열고 Alipay IoT 애플릿 설정 페이지를 입력한 다음 클릭하여 개발자 모드로 들어갑니다.

바인드 애플릿 APPID

페이지 하단의 Add Development Mini Program을 클릭하고 Mini Program APPID를 입력하고 제출합니다.
참고:
• 개발 시스템은 향후 컨테이너, 금전 등록기 및 시스템의 새 버전을 우선적으로 푸시할 것입니다. 기기가 더 이상 개발에 사용되지 않는 경우 개발자 모드 페이지에 들어가서 APPID 오른쪽의 삭제를 클릭하여 바인딩을 해제하십시오.현재는 기기를 통해서만 적극적으로 바인딩 해제할 수 있습니다.
• 스몰 프로그램 APPID는 최대 10개의 IoT 디바이스를 개발 머신으로 바인딩할 수 있지만, 동일한 IoT 스몰 프로그램을 IoT 디바이스에 배포할 때 디바이스 수에는 제한이 없습니다. IoT 장치에 바인딩할 수 있는 애플릿 APPID에는 제한이 없지만 장치는 동시에 하나의 애플릿만 실행할 수 있습니다.
참고:
디버깅할 때 장치는 다음 개발자 모드 페이지에 있어야 합니다. 그렇지 않으면 디버깅을 위해 애플릿이 장치에 푸시되지 않을 수 있습니다.

IDE 구성

미니 프로그램과 연결된 알리페이 계정을 선택하세요.

미니 프로그램 개발에 도움을 줄 개발자가 더 필요하면 오픈 플랫폼 콘솔 > 해당 미니 프로그램을 클릭하여 관리 배경 > 관리 > 구성원 관리 > 개발 구성원 > 개발 구성원 추가 및 추가 할 수 있습니다. 개발자의 Alipay 계정.
참고: 기본 계정은 기본적으로 관리자이며 관리자를 개발 구성원으로 추가할 필요가 없습니다.

IoT 애플릿 만들기

1. IDE 인터페이스에서 미니 프로그램 프로젝트를 생성하거나 엽니다.

2. 신규 프로젝트인 경우 IDE 홈페이지 우측 + 버튼 클릭 후 팝업 페이지에서 단말기 종류를 Alipay IoT로 선택 후 Next를 클릭하여 기본 템플릿 선택 후 프로젝트 이름을 생성을 완료합니다.

3. 생성된 프로젝트를 열려면 첫 번째 단계에서 프로젝트 열기를 클릭하여 열려는 프로젝트 파일을 선택하면 됩니다.
4. 프로젝트 페이지에 들어간 후 모바일 단말기에서 Alipay 클라이언트를 열고 관리자 또는 개발자 계정으로 로그인한 다음 코드를 스캔하여 IDE에 로그인해야 합니다.

애플릿 연결 및 개발 시스템 바인딩

IDE에 로그인한 후 IDE 프로젝트 인터페이스의 왼쪽 상단 모서리에서 관련 애플릿을 클릭하여 선택하고 팝업 상자에서 개발 시스템에 바인딩된 애플릿을 선택합니다. IDE의 IoT 애플릿 프로젝트는 식별 및 현재 로그인 IDE 계정에 바인딩된 개발자와 연결 IoT 디바이스 모드에서 클릭하여 디바이스를 선택하여 바인딩된 개발 머신을 선택합니다.

설명하다

• 장치를 찾을 수 없는 경우 개발자 모드 페이지가 애플릿 APPID에 성공적으로 바인딩되었는지 확인한 후 IDE에 다시 로그인하십시오.
• 기기가 오프라인 상태라는 메시지가 표시되면 기기가
  개발자 모드 페이지에 있는지 확인하세요.

소규모 프로그램 개발

단일 화면 애플릿

예를 들어, 개발된 디바이스가 Dragonfly 시리즈 싱글 스크린 디바이스, 대형 스크린 셀프 서비스 시리즈와 같이 화면이 하나뿐인 디바이스라면 크게 다음의 3단계로 나뉜다.

페이지 제목 표시줄 구성

애플릿을 생성한 후 먼저 애플릿의 페이지 제목 표시줄을 구성하고 애플릿 프레임에서 창 구성을 볼 수 있습니다 .

소규모 프로그램 기능 개발

IoT 애플릿은 일련 의 IoT 애플릿 구성 요소 와 IoT 애플릿 API를 제공 하여 다양한 기능 을 실현하도록 도와 줍니다 . 지원을 위해 실제 테스트를 참조하십시오. 참고: Alipay 애플릿은 IoT 애플릿의 구성 요소 및 API를 지원하지 않습니다.

실제 머신 미리보기 디버깅

애플릿의 기능 개발 완료 후 실제 디바이스에서 미리보기 및 디버깅을 해야 하는데, IDE에서 미리보기 또는 디버그 기능을 선택하고 개발된 애플릿을 IoT 디바이스에 푸시합니다.
참고: 실제 장치 미리 보기/디버깅이 푸시된 후 다시 푸시하려면 장치의 개발자 모드를 종료하지 마십시오.
참고: IoT 애플릿이 개발되어 검토를 위해 제출된 후 Alipay 감사인은 애플릿에 대한 포괄적인 감사를 수행합니다.애플릿에 대한 로그인 인터페이스가 있는 경우 이 페이지에서 서비스 제공자의 계정 번호 또는 연락처 정보를 제공하십시오. 감사인이 연락하여 로그인 계정을 얻을 수 있도록 합니다.

듀얼 스크린 애플릿

듀얼 스크린 애플릿 이름 개념

장비 범위: Dragonfly 시리즈 듀얼 스크린 장치(예: Dragonfly F4 Plus), 듀얼 스크린 데스크톱 POS.
2개의 애플릿: 기본 화면 애플릿(주 기능), 보조 화면 애플릿(보조 기능).

전면 및 후면 스크린 애플리케이션 추가

보조 화면 애플릿의 app.json에서 다음 매개변수를 추가합니다.

//.json
"window": {
  "extScreenApp": "YES"
  // 表示在副屏添加了商家ping'应用的接口。	
}

메인 화면 애플릿의 app.js 파일의 onLaunch에 다음 코드를 추가합니다.

// .js
App({
    
    
  onLaunch(options) {
    
    
    // 第一次打开
    my.ix.addExtensionApp({
    
    
        appId: "****************",
        // 填入副屏小程序的 APPID
        type: "screen",
        success: (res) => {
    
    
                console.log("addExtensionApp success:", res)
                },
        fail: (res) => {
    
    
                console.log("addExtensionApp fail:", res)
                },
    })
  }
});

이중 화면 메시징 활성화

두 화면은 서로 메시지를 보내고 받을 수 있습니다.메시지를 보낸 후 대상에서 메시지를 모니터링해야 하므로 발신자와 수신자는 각각 다음 두 인터페이스를 호출해야 합니다.

1. 발신자는 메시지 전송 인터페이스를 호출합니다.

my.ix.sendBuddyMessage({
    
    
  target: "****************",
   // 填入目标小程序的 APPID。
  data: {
    
     payFinish: true },
  success: (res)=>{
    
    
  },
  fail: (res)=>{
    
    
  }
})
// 可以在不同地方调用消息发送接口。

2. 수신자는 메시지 모니터링 인터페이스를 호출합니다.

// .js
my.ix.onBuddyMessage({
    
    
  success: (res) => {
    
    
    console.log(res)
  }
})
// 多次调用消息监听接口则会注册多个监听器，一旦调用则会持续监听，建议仅在需要的地方调用。	

메시지 모니터링 인터페이스가 여러 곳에서 호출되는 경우 반복 호출을 피하기 위해 해당 위치에서 로그아웃 리스너를 호출하는 것이 좋습니다.

// .js
my.ix.offBuddyMessage();

출시 전 테스트

1. 그림과 같이 IDE에서 세부 정보를 클릭하고 두 가지 무시 옵션을 선택 취소한 다음 미리 보기를 클릭하여 네트워크 기능이 정상인지 테스트합니다. 웹 보기에서 웹 페이지를 열 수 없는 등 네트워크 요청이 비정상적인 경우 IDE에서 아래 그림과 같이 도메인 이름 정보를 클릭하여 httpRequest 도메인 이름 화이트리스트를 추가하면 H5 도메인을 보고 구성할 수 있습니다. 이름.
2. 검토를 위해 제출하기 전에 실제 장치에서 미리보기 및 테스트할 때 두 가지 무시 옵션을 선택 취소해야 합니다. 그렇지 않으면 검토 측에서 승인되지 않은 작업이 발생할 수 있습니다.

참고 자료: 로트 애플릿 공식 문서