Code Monkey home page Code Monkey logo

mood's Introduction

项目运行环境

node v16.9.0
npm v7.21.1

项目使用库和插件

create-react-app

项目启动

项目1: test1-mood-app(https://github.com/RicholeYu/test1-mood-app)

npm i
npm i expo-cli -g
expo start
使用xcode打开ios/test1moodapp.xcworkspace, 设置开发者账号和签名，关闭Notification设置，选择Iphone 11 Pro Max模拟器，编译运行。

项目2: mood(https://github.com/RicholeYu/mood)

npm i
npm start

App架构设计

方案: 使用H5离线化ZIP包模仿微信小程序

优势:

  1. H5页面开发效率高，离线化ZIP包可做版本控制，版本回退等。
  2. 比起原生小程序，H5离线化功能实现简单，BUG少，不用出一套专门小程序的开发文档供第三方使用，小程序间逻辑功能解耦。
  3. 很轻易实现灰度发布方案，无技术壁垒。
  4. 实现自平台数据行为信息埋点上报

公共发布平台 (demo中未实现)

  • 公司 / 个人创建项目
  • 创建应用，上传发布H5离线包
  • 离线包灰度验证
  • 离线包版本回退
  • 公共静态资源发布

APP

  • 打开APP时通过接口获取最新离线化H5列表信息, 根据接口维护更新H5离线包
  • 当离线包下载失败或不可用时，也可以直接替换为使用http链接打开

项目通过source文件夹中的souce.json控制离线包入口
source/mood.zip由mood工程执行npm run build之后使用zip压缩build文件夹

mood's People

Contributors

richoleyu avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.