小螃蟹小程序

• react-native 0.61.5
• react-native-webview ^8.0.6

支持所有的 JS 庫 不支持含有原生代碼的庫

目錄結構

.
├── android
├── api                         # 小螃蟹SDK
│?? ├── fetch.js
│?? ├── fetchJSON.js
│?? └── superapp.js
├── app.json
├── babel.config.js
├── index.js                     # 調試目錄
├── ios
├── metro.config.js
├── pack.sh                      # 打包工具
├── package.json
└── projects                     # 設備目錄
    └── an-301

打包小程序

./pack.sh an-301                  # 打包單個
./pack.sh an-301 1switch          # 打包多個
./pack.sh $(ls projects)          # 打包所有

小程序都放在 projects 下面

mkdir -p projects/new-app
cat > projects/new-app/App.js <<EOF
import React from 'react';
import {Text, View} from 'react-native';
export default function App(props) {
  return (
    <View>
      <Text> SampleApp </Text>
    </View>
  );
}
EOF
cat > projects/new-app/app.json <<EOF
{
  "name": "newapp",
  "displayName": "newapp",
  "version": "1.0.0"
}
EOF

調試小程序

修改 config.js

export const token = '5be71b03-e7d8-4366-a9af-a7914deedf9a'; // get from website X-REQUEST-TOKEN
export const wsHost = 'wss://superapp.huabot.com'; // websocket host
export const host = 'https://superapp.huabot.com'; // websocket host
export const project = 'new-app';
export App from './projects/new-app/App';

添加 uuids.json

{
    ...
    ...
    ...
    "new-app": "uuid from website"
    ...
    ...
    ...
}

然后使用 react-native 的方式進行調試

demo下載地址

an-301.tar.gz