Skip to content

app版本管理,(热更新)前后端分离,vue page分页功能,authenticate 权限控制,accesstoken机制,credentials,CI,docker

Notifications You must be signed in to change notification settings

qxl1231/generator-loopback-vue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

6064874 · Aug 27, 2021

History

95 Commits
Nov 23, 2016
Nov 18, 2016
Dec 13, 2016
Dec 18, 2015
Dec 18, 2015
Dec 18, 2015
Dec 18, 2015
Oct 17, 2016
Dec 18, 2015
Nov 18, 2016
Aug 27, 2021
Nov 9, 2016
Nov 9, 2016
Oct 17, 2016
Oct 17, 2016
Nov 12, 2016
Nov 30, 2016
Apr 19, 2019
Oct 17, 2016
Dec 13, 2016

Repository files navigation

generator-loopback-vue 热更新,热部署 前后端分离实践

License NPM Version Node Version Build Status Downloads

NPM

首先,为什么需要前后端分离?强烈推荐看下

http://2014.jsconf.cn/slides/herman-taobaoweb

以下是本项目的feature:(loopback中国讨论组-群号:575600225)

  • Strongloop是是如何通过一行命令和代码实现restful API接口,包括CRUD等14个接口
  • model是如何定义的,以及model-relation 定义,以及ACL接口权限控制等
  • CI持续集成的配置,Docker容器,docker部署文件
  • 如何登录鉴权,以及接口权限控制
  • vue1.0/2.0 是如何玩?以及vue-resouce的使用,vue-router,webpack,babel等
  • loopback自带的authenticate 权限控制,accesstoken机制,credentials
  • strong-pm 部署命令,以及slc主要命令
  • 如何把项目部署在daocloud中,以及集成daovoice服务
  • 增加了个vue-pagenav 组件的使用 实现分页功能

Docker镜像

最新版本: latest 镜像地址: daocloud.io/qxl1231/lb-vue2

在线demo:(使用第三方daocloud平台(免费版),每天手动启动,如遇服务挂了,请见谅^.^)

http://loopback-vue.daoapp.io/
帐号:test,密码:testpwd

http://loopback-vue.daoapp.io/explorer

部分截图

image

集成了daovoice玩玩哈哈~~~炫酷!客服系统很赞,还有统计图标等,注意这不是广告!!确实不错哦 image

image

The project is generated by LoopBack.+vue.js.

如何启动:(国内用cnpm(先运行npm i cnpm -g),国外用npm)

      1. npm i   
      2. 修改datasources.json 中的数据库配置比如:localhost:27017
      3. node server/bin/create-admin.js 添加管理员帐号,密码
      3.npm run build:js & node .(cold reload) --hot reload npm run watch:js

遇到问题1:loopback+vue 不能运行

1.npm install 2.npm run build:js 3.node .

问题2:热部署

To use hot reload, please try this command: npm run watch:js & node .

热启动:

npm run watch:js & node .

问题3:If you have error, try this:

  npm install
  vueify-insert-css vue-hot-reload-api
  babel-core babel-preset-es2015
  babel-plugin-transform-runtime babel-runtime@5
  --save-dev 

Hot reloading detail:

https://github.com/vuejs/vueify

其他help===>loopback 常用命令行:

  • slc loopback 初始化项目
  • slc loopback:datasource
  • slc loopback:model
  • slc loopback:relation
  • slc loopback boot-script

others:deploy and status

  • pm2 start -n weather app.js
  • pm2 start -n app_update_server server.js

LICENSE

MIT

捐赠

No       ID           github
1 JLF https://github.com/cnJLF
2     萧大大 https://github.com/freemember007
3     you      
4 are next       

❤❤❤❤感谢我的兄弟们大力支持❤❤❤❤❤❤:

支付宝 | 微信