All Projects → liupeijun → Vue2 Hybridapp Haoshiqi

liupeijun / Vue2 Hybridapp Haoshiqi

Licence: mit
vue2+vue-router+vuex+cordova 实现单页面webapp以及hybridapp

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vue2 Hybridapp Haoshiqi

Corber
CLI for building hybrid apps with Ember/Vue/Glimmer/Cordova
Stars: ✭ 327 (-1.51%)
Mutual labels:  hybrid-apps, cordova
Swiped Events
Adds `swiped` events to the DOM in 0.7k of pure JavaScript
Stars: ✭ 249 (-25%)
Mutual labels:  hybrid-apps, cordova
Polyonic
A managed Electron wrapper for Ionic Apps
Stars: ✭ 24 (-92.77%)
Mutual labels:  hybrid-apps, cordova
Hiapp
A simple and interesting hybrid app. React Native version: http://t.cn/R5LqqLz Demo:
Stars: ✭ 791 (+138.25%)
Mutual labels:  hybrid-apps, cordova
ember-cordova
CLI for Ember/Cordova/Crosswalk Applications
Stars: ✭ 16 (-95.18%)
Mutual labels:  cordova, hybrid-apps
Onsenui
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Stars: ✭ 8,518 (+2465.66%)
Mutual labels:  hybrid-apps, cordova
Bibi Ionic
An mobile app of e-commerce for Ionic
Stars: ✭ 154 (-53.61%)
Mutual labels:  hybrid-apps, cordova
Dianoia-app
Mobile (Ionic 3 - Angular 4) app about non-pharmaceutical activities and information for people with dementia.
Stars: ✭ 13 (-96.08%)
Mutual labels:  cordova, hybrid-apps
ellenorzo
Arisztokréta: Nem hivatalos KRÉTA-kompatibilis ellenőrző alkalmazás
Stars: ✭ 17 (-94.88%)
Mutual labels:  cordova, hybrid-apps
nuxt-cordova-app
📱 Nuxt JS (Vue JS) + Vuetify 2 SPA hybrid demo app built using Cordova
Stars: ✭ 48 (-85.54%)
Mutual labels:  cordova, hybrid-apps
CNBlogApp
博客园Vue客户端
Stars: ✭ 51 (-84.64%)
Mutual labels:  cordova, hybrid-apps
Ionic-ElastiChat-with-Images
Ionic Magic Chat with Angular Elastic, Autolinker.js and more!
Stars: ✭ 66 (-80.12%)
Mutual labels:  cordova, hybrid-apps
ionic4-angular6-crud-example
Building CRUD Mobile App using Ionic 4, Angular 6 and Cordova
Stars: ✭ 50 (-84.94%)
Mutual labels:  cordova, hybrid-apps
Cordova Httpd
Embed tiny web server into Cordova with a plugin
Stars: ✭ 271 (-18.37%)
Mutual labels:  cordova
Cordova Android
Apache Cordova Android
Stars: ✭ 3,285 (+889.46%)
Mutual labels:  cordova
Cordova Plugin Native Keyboard
🎹 Add a Slack / WhatsApp - style chat keyboard to your Cordova app!
Stars: ✭ 271 (-18.37%)
Mutual labels:  cordova
Gloo
The Feature-rich, Kubernetes-native, Next-Generation API Gateway Built on Envoy
Stars: ✭ 3,219 (+869.58%)
Mutual labels:  hybrid-apps
Cordova
Apache Cordova
Stars: ✭ 291 (-12.35%)
Mutual labels:  cordova
Awesome Cordova
📱 A curated list of amazingly awesome Cordova libraries, resources and shiny things.
Stars: ✭ 269 (-18.98%)
Mutual labels:  cordova
Cordova Plugin Dialogs
Apache Cordova Plugin dialogs
Stars: ✭ 267 (-19.58%)
Mutual labels:  cordova

vue2-hybridapp-haoshiqi

Build Status Version License

说明

 这个项目是关于 vue2 + vue-router + vuex + cordova + nodejs 的项目实战开发

 所有的数据通过node request 获取(后台代码详见backend目录)

 前后端分离的架构设计,配置webpack-dev-server的反向代理实现前后端数据的通信.(前端代码详见haoshiqi目录)

 结合cordova api实现硬件访问功能,通过phonegap开发者预览工具进行测试(cordova工程详见hybirdApp目录)

 这个项目有两个输出产物,一个是单页面的webapp,一个是hybridapp

如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^

或者您可以 "follow" 一下,我会继续开源项目

如有问题请在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍

项目运行(nodejs 6.0+)

# 1. git clone [email protected]:liupeijun/vue2-hybridapp-haoshiqi.git

# 2. 进入backend 目录,安装依赖,启动node服务器

cd backend

npm install

npm start

# 3. 进入haoshiqi目录,安装依赖,启动webpack dev server

cd haoshiqi 

cnpm install(******因为使用了sass,为了顺利完成安装,最好使用cnpm install******)

npm run dev  (开发环境)

npm run build 
(发布环境,为了手机能正常访问node服务器,需要手动修改webpack.config.js,URL:'"http://你的ip地址:3000"'  
dist目录会生成在hybridApp\www 文件夹下,当然dist生成路径可以自行修改)

# 4. 如果要生成混合app,进入hybridApp目录,生成android,ios工程, 最后编译

cd hybridApp

cordova platform add android (cordova platform add ios)

cordova build android 

架构介绍

效果演示

待办事项

第三方登录 购物车支付 消息推送

License

MIT

Copyright (c) 2016-present, Kerwin Liu

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