liupeijun / vue2-hybridapp-haoshiqi Goto Github PK

View Code? Open in Web Editor NEW

335.0 33.0 100.0 11.6 MB

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

License: MIT License

JavaScript 64.27% CSS 0.92% HTML 4.17% Vue 2.39% Batchfile 0.11% C++ 11.49% C# 16.07% QML 0.57%

vue2-vuex-webpack hybrid-apps cordova nodejs

vue2-hybridapp-haoshiqi's Introduction

vue2-hybridapp-haoshiqi

说明

这个项目是关于 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

vue2-hybridapp-haoshiqi's People

Contributors

Stargazers

Watchers

Forkers

mylneusoft iamsee feng0537 jackieli123723 dudu315 emilyling grayfox2016 musishui brown-hs sisiliang acoded squallyan luluisonly chowsoon garymk42 miolo521 sharpdeng willsluo happy19375123 zjpjohn yangtaoxf cherry190290875 greedypirate guozanhua fengkang92 justinzzc zengnaxianlin zengxianlin liaoxiaoyu hym19940701 meihuabo fennudedaima tht0118 novcmc liuyalongone xxh332211 sunnyjrue fingerchou cocstang 349032805 dolare imsunhao kilikila aisun step-admin xcj-coding anryzhang cheong15 yshxw lzdn easyzhou honghongwu aantabile qzdev mytaia kissthink joeguang uddsoft luis-wang ppnohz json1204 123sunxiaolin zisanjie gitsweets liujie2288 cedric-song will007008 billydotzhang lwl8855 wuqiuyang chinaworld kennethchengqwerty chenside sroctop weizhanqiaogit ismyshell leetia316 jixunqiang yummyo snamper xdlover zxxcazm hhy5277 ccc33 froadcreditfe jasonsmz comely-fox hongithub zzsf-com shoujibang vista119 wdachao 305538436 lurunfa d-xiaoqiang anjianwei todorov604 happygloria ende151 iq-scm

vue2-hybridapp-haoshiqi's Issues

大神我想问下既然写了本地的vue，那要登录跳转页面怎么办呢

大神我想问下既然写了本地的vue，那要登录跳转页面怎么办呢，我是要继续做多余的本地页面，还是跳转到新网址登录进行其它操作，还有既然登录了一次，那就要保存信息在本地，和其它请求页面怎么联调，望告知，不胜感激

请问好食期的API是哪里获取的呢

好食期api例如http://m.api.haoshiqi.net/common/index?device=iphone&channel=h5&swidth=375&sheight=667&zoneId=1479&v=2.3.0&terminal=wap&page=https%3A%2F%2Fm.haoshiqi.net%2F 这样的，还有http://img1.haoshiqi.net/assets/hsqimg/logo2.png，我能怎样获得更多类似的数据呢

loading 报错

拜托你的tuancore这个组件中的computed--loding不是一个data或props，是不能直接挂载到this上的....会报错的。computed是反应到view上的。

前辈,求助,有空请给些指教!

我的用cli搭建的vue项目编写好了。在手机浏览器跑起来没问题, 公司邀请打包成apk, 在网上找了很多相关文章看了, 在真机上预览,样式和图片都丢失! 请指教!

npm ERR! Darwin 16.5.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "start"
npm ERR! node v6.9.4
npm ERR! npm v3.10.10
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] start: node-dev ./bin/www
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] start script 'node-dev ./bin/www'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the backend package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node-dev ./bin/www
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs backend
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls backend
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/James/Desktop/Vue+NodeJs+Cordever/vue2-hybridapp-haoshiqi-master/backend/npm-debug.log

你好，请问vue开发的单页面如何嵌入到Andriod中啊？我采用的是前后端分离的方式

第一次开始混合开发，请问您的这个案例是怎样的一个实现原理啊？

transformClassesWithJarMergingForDebug error

BUILD FAILED

Total time: 3.785 secs
Error: cmd: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.

What went wrong:
Execution failed for task ':transformClassesWithJarMergingForDebug'.

com.android.build.api.transform.TransformException: java.util.zip.ZipException
: duplicate entry: org/apache/cordova/BuildHelper.class

Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug
option to get more log output.

vue-router不能跳转

请教您一个问题，在我的项目中，可以正常跑在浏览器中，可是当我跑在模拟器上时，点击路由不能跳转，请问可能是什么问题