小螃蟹小程序

• 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