todomvc examples
整個 GAE-todomvc 是選用 TodoMVC 中 AngularJS
, React.js
及 Vue.js
為前端框架 + 後端為 python GAE
endpoints APIs 存取相同的 datastore。
GAE todomvc 的 gcloud SDK 為 0.9.64
# Get gcloud
$ curl https://sdk.cloud.google.com | bash
# Get App Engine component
$ gcloud components update app
$ gcloud components update gae-python
# Clone repo from github
$ git clone https://github.com/cage1016/gae-todomvc
# Install pip packages
$ sudo pip install -r requirements.txt -t lib
# Install npm packages
$ npm install
# Install bower packages
$ bower install
GAE todomvc 中 Vue.js
範例中使用到了 vue-resource
library,因為 vue-resource
模組預設沒有 update: {method: 'put'}
method,所以在執行 gulp
時,需自己稍作修改。
# switch to bower_components
$ cd bower_components
# clone vue-resource repo from github
$ git clone https://github.com/vuejs/vue-resource
# switch to vue-resource folder
$ cd vue-resource
# install vue-resource require packages
$ npm install
# add update method
# /bower_components/vue-resource/src/resource.js
# add "update: {method: 'put'}" at line 109
# rebuild vue-resource
$ npm run build
# go back
$ cd ../..
# Build
$ gulp
# Run GAE locally
$ dev_appserver.py app.yaml