Giter Site home page Giter Site logo

ttme08 / uniapp Goto Github PK

View Code? Open in Web Editor NEW

This project forked from aiplat/uniapp

0.0 0.0 0.0 902 KB

一次开发,同时打包成Android版app、iOS版app、H5版、微信小程序版、支付宝小程序版、头条小程序、百度小程序版、QQ小程序版8个平台,界面统一,功能一致。

Home Page: https://aiplat.com

License: Apache License 2.0

Vue 72.50% JavaScript 2.88% HTML 1.24% TypeScript 23.38%

uniapp's Introduction

uniapp vue-cli4 typescript版本

  • vue-cli4+vuex+cmui+html5+css3+typescript

  • 一次开发,同时打包成Android版app、iOS版app、H5版、微信小程序版、支付宝小程序版、百度小程序版、头条小程序7个平台,界面统一,功能一致。

  • cmui仓库为https://github.com/aiplat/cmui.git

  • 代码示例为 https://aiplat.com 的版本 http://uniapp.aiplat.com

  • 基于 https://uniapp.dcloud.io/ 的uni-app

  • 基于本仓库所开发的‘娱乐计分器’已经成功上线微信、头条、支付宝三大程序,近期开源,敬请期待。


代码目录结构

  • dist ------打包目录
  • public index.html ------入口公共html
  • src
    • assets ------静态css文件目录
    • components ------公共组件目录
    • pages ------视图目录
      • aiplat ------aiplat项目视图目录
      • common ------公共页面目录
      • *** ------若有多个项目,请在这新增不同目录区分
    • plugins ------公共函数或插件目录
      • cmapp.class.ts------公共$cmapp配置
      • uniAjax.ts ------公共$uniAjax配置
    • projects ------多个小程序各配置目录
      • aiplat ------aiplat配置信息目录
      • *** ------若有多个项目,请在这新增不同目录区分
    • service ------配置目录
      • apis ------可能存在的apis目录
      • api.ts ------公共$api配置
      • conf.ts ------公共$conf配置
      • map.ts ------地图api配置(百度)
    • static ------静态资源目录
    • vuex ------vuex目录
    • app.vue ------vue应用承载文件
    • main.ts ------vue应用入口文件
    • manifest.json ------应用配置文件
    • pages.json ------页面配置文件

clone

安装依赖

  • $ cd uniapp
  • $ npm install

开发模式

  • npm run dev (默认微信小程序开发)
  • 打开微信开发者工具->小程序->导入项目->选择dist/dev/mp-weixin
  • 若有多个项目同一个仓库,$ npm run dev --env=uat --project=** 区分

打包项目

  • $ npm run build (默认构建微信小程序)
  • 单个项目(默认aiplat)代码打包到了dist/build/mp-weixin
  • 若有多个项目同一个仓库,$ npm run build --env=uat --project=** 区分

注意

  • 开发工具为任意,不一定要HbuilderX.如果也要同时打包成app,再导入项目到HbuilderX打包。
  • 开发或构建成其他平台命令:
  • dev为开发模式,build为构建模式
  • 这七个平台标识:mp-alipay、mp-baidu、mp-qq、mp-toutiao、app-plus(包含安卓和ios)、h5、mp-weixin(默认)
  • 参数--env=uat为环境参数,默认uat。
  • 参数--project=aiplat为项目名,默认aiplat。
  • 例如:
  • npm run dev:baidu --env=uat --project=** 为百度小程序平台->uat环境(测试环境)->开发模式
  • npm run dev:baidu --env=ver --project=** 为百度小程序平台->ver环境(预生产环境)->开发模式
  • npm run dev:baidu --env=pro --project=** 为百度小程序平台->pro环境(生产环境)->开发模式
  • npm run build:baidu --env=uat --project=** 为百度小程序平台->uat环境(测试环境)->构建模式
  • npm run build:baidu --env=ver --project=** 为百度小程序平台->ver环境(预生产环境)->构建模式
  • npm run build:baidu --env=pro --project=** 为百度小程序平台->pro环境(生产环境)->构建模式

projects -- 多个小程序各配置目录

默认aiplat,文件结构

  • uat/ver/pro(三个环境目录) manifest.json -- uni-app应用的配置文件,用于指定应用的名称、图标、权限等。运行微信和头条小程序时请先将其中的appid改为自己可用的。
  • mpConf.js -- aiplat配置信息
  • pages.json -- 用于对 uni-app 进行全局配置,决定页面文件的路径、窗口表现、设置多 tab 等
  • 构建APP前先执行一次dev或build命令,使src目录有以上三个文件。

当有其他项目时如jifenqi(娱乐计分器,后续开源):

  • 开发命令为npm run dev --env=uat --project=jifenqi
  • 构建命令为npm run build --env=uat --project=jifenqi

uniapp's People

Contributors

aiplat 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.