GAE-todomvc

todomvc examples

整個 GAE-todomvc 是選用 TodoMVCAngularJS, React.jsVue.js 為前端框架 + 後端為 python GAE endpoints APIs 存取相同的 datastore。

Specs

Getting Started

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

Screencapture

Screencapture

參考資料