All Projects → WeBankFinTech → WeTrident

WeBankFinTech / WeTrident

Licence: Apache-2.0 license
一站式App开发套件,帮助开发者快速开发可正式上线运营的App。

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
shell
77523 projects
CSS
56736 projects
ruby
36898 projects - #4 most used programming language
objective c
16641 projects - #2 most used programming language

Projects that are alternatives of or similar to WeTrident

Create React Microservice
🚀 Create highly scalable and universal React microservices/applications within seconds.
Stars: ✭ 138 (+14.05%)
Mutual labels:  scaffold
Tooling
🧰 Up-to-date list of JavaScript and TypeScript tooling resources
Stars: ✭ 181 (+49.59%)
Mutual labels:  scaffold
Scaffdog
🐶 scaffdog is Markdown driven scaffolding tool.
Stars: ✭ 237 (+95.87%)
Mutual labels:  scaffold
Laravel Scaffold
The base for developing awesome projects
Stars: ✭ 142 (+17.36%)
Mutual labels:  scaffold
Baumeister
👷 The aim of this project is to help you to build your things. From Bootstrap themes over static websites to single page applications.
Stars: ✭ 171 (+41.32%)
Mutual labels:  scaffold
Miniscaffold
F# Template for creating and publishing libraries targeting .NET 5.0 `net5.0` or console apps .NET 5.0 `net5.0`.
Stars: ✭ 193 (+59.5%)
Mutual labels:  scaffold
Vue2 Scaffold
The best scaffold for Vue 2.x based on vue-cli#vuejs-templates/webpack
Stars: ✭ 125 (+3.31%)
Mutual labels:  scaffold
dddplus-archetype-demo
♨️ Using dddplus-archetype build a WMS in 5 minutes. 5分钟搭建一个仓储中台WMS!
Stars: ✭ 56 (-53.72%)
Mutual labels:  scaffold
Vue Cli Plugin I18n
🌐 Vue CLI plugin to add vue-i18n to your Vue Project
Stars: ✭ 172 (+42.15%)
Mutual labels:  scaffold
Generator Chrome Extension Kickstart
Scaffold out a Web Extension http://yeoman.io
Stars: ✭ 232 (+91.74%)
Mutual labels:  scaffold
Ibiu
Build Vue Spa Faster 🍏 🍔 🍜
Stars: ✭ 144 (+19.01%)
Mutual labels:  scaffold
Materials
官方精品物料仓库
Stars: ✭ 159 (+31.4%)
Mutual labels:  scaffold
Abyss
🔬 Assemble large genomes using short reads
Stars: ✭ 219 (+80.99%)
Mutual labels:  scaffold
Create React Component Folder
Creates react component folder structure
Stars: ✭ 139 (+14.88%)
Mutual labels:  scaffold
Generate
A new command line tool and developer framework for scaffolding out GitHub projects. Generate offers the robustness and configurability of Yeoman, the expressiveness and simplicity of Slush, and more powerful flow control and composability than either.
Stars: ✭ 238 (+96.69%)
Mutual labels:  scaffold
Multi Auth
Laravel Multi-Authentication Package
Stars: ✭ 131 (+8.26%)
Mutual labels:  scaffold
Webpack Cli
webpack CLI provides the interface of options webpack uses in its configuration file. The CLI options override options passed in the configuration file.
Stars: ✭ 2,270 (+1776.03%)
Mutual labels:  scaffold
scaffold
WIP - Simplified PHP framework, using modern practices and techniques. Making use of the best components available.
Stars: ✭ 56 (-53.72%)
Mutual labels:  scaffold
Responsive scaffold
Responsive Scaffold - On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item. Maintainer: @rodydavis
Stars: ✭ 238 (+96.69%)
Mutual labels:  scaffold
React Multi Page App
🍡 react multi page app/react多页面应用
Stars: ✭ 226 (+86.78%)
Mutual labels:  scaffold


npm version travis status

WeTrident的目标

一站式金融App开发套件。

WeTrident的开发背景

WeTrident由微众银行App团队开发。开发过程中我们调研了其他RN开发框架,发现大部分适合比较小的项目,或者是用到后期要真实运营时还需要补充很多运营相关的基础能力。要开发真正商业运营的App,需要很多打磨,用现有的框架无法做到快速地、高质量地开发。因为这些痛点,促使我们开发了WeTrident,希望在开发、运营、测试几方面提供更好的基础开发设施。

WeTrident的技术选型风格跟我们团队一致,稳健为第一要求,不盲目追求新技术,不炫技和随意地使用不稳定的技术方案。在跟进前沿技术和稳定实用之间,我们毫不犹豫会选择稳定实用。这也是WeTrident作为一套开发可商业运营的App框架的基础原则。如果你的团队也需要快速开发稳定高质量的产品,那WeTrident应该会成为你的选择。

WeTrident给你提供了什么

  1. 经过时间验证的技术栈:省去你在选择尝试各种新技术时,耗费在填补各种坑上面的时间。
  2. 合理的App架构设计:在这套框架的约束下面,新人也可以快速地开发出高质量代码。
  3. 全面的调试信息:统一将请求、修改状态等操作的日志统一输出,提高调试效率。
  4. 完善的构建和发布环境:帮你避开各种构建环境的坑。

PS:WeTrident在设计过程中会增加一些限制,作为一套通用框架,我们深知应该留给使用者足够的扩展空间。所以我们在设计过程中尽可能的控制限制的数量,并且做到,“框架增加一项限制,就至少给使用者带来一批好处”。

开发环境依赖

WeTrident目前仅支持macOS操作系统。通过使用 @webank/trident-cli 初始化项目,如果有任何相关问题,WeTrident会提示出来以便协助你解决。开发前需要先配置Android和iOS开发环境,具体配置方法可以参考Android和iOS官方文档。

Demo

创建项目

为了快速的理解WeTrident的使用,我们从一个简单应用开始,逐步的说明各种基础用法。整个讲解过程中一些UI细节实现不会详细描述,你可以通过阅读快速入门,来完成一个简单的图书管理App。

App的页面大致如下:

  • App名称:WeBookStore
  • App BundleId(Android上的packageName):com.wetrident.wbstore
  • App schema:wbstore

创建项目

1. 安装trident-cli

npm install -g @webank/trident-cli

2. 用trident-cli 创建项目

tdt init --name=WeBookStore --bundleId=com.wetrident.wbstore --scheme=wbstore --eslint

等待安装完成即可,如果需要自定义这些参数也可运行 tdt init 并根据命令行提示输入自定义参数即可。

PS:初始化过程中会对当前的开发环境做检查,如果有提示某些环境不满足,请先按照提示安装或者升级。

3. 启动应用(iOS)

cd WeBookStore

# 启动react native packager
tdt packager start

# 通过命令行启动App
tdt run ios 

# 也可以在XCode中打开项目, 在XCode中Run即可。
open ios/WeBookStore.xcworkspace/

4. 启动应用(Android)

# 启动Packager,如果已经启动可以忽略
tdt packager start

# 通过命令行启动App
tdt run android

# 也可以在Android Studio中打开'WeBookStore/android', 
# 用Android Studio打开项目运行即可, 请确保gradle的代理配置已经如本文前面部分所述设置完成。

如果你的网络不好,连接maven失败,可以选择添加阿里云的maven镜像,在WeBookStore/android/app/build.gradleWeBookStore/android/build.gradle中的 repositories 区域添加如下代码:

maven{ url'http://maven.aliyun.com/nexus/content/groups/public/' }
maven{ url'http://maven.aliyun.com/nexus/content/repositories/jcenter'}
maven{ url 'https://maven.google.com' }

恭喜你,到这里你已经成功的创建并运行了一个新的WeTrident工程。需要调试可以使用React Native官方调试工具,调试前请先安装最新版本Chrome。具体使用方法见: React Native调试方法

WeTrident的完整文档请访问:https://webankfintech.github.io/WeTrident

Contributors

社区

Github Issue 微信群
WeBankFinTech/WeTrident/issues
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].