新台語·運動

• 網站
• 專案 Hackpad
• API介面

Frontend

Install:

    $ npm i

Start development server:

    $ npm start
    # open http://localhost:3000/

佈署:

    $ npm run deploy        

Backend

後端使用使用臺灣言語平臺。 環境要求Python 3.4+，並放在server-side/資料夾. 以下指令請在server-side/裡面執行

環境設定

virtualenv venv --python python3 # 設置環境檔
. venv/bin/activate # 載入環境
pip install -r requirements.txt # 裝相關python套件
python manage.py migrate #建立資料庫欄位
sudo apt-get install -y libav-tools # 安裝avconv for Ubuntu
sudo apt-get install -y libffi-dev # 為了連google oauth2

Postgres設定

詳情請看臺灣言語資料庫的使用Postgres

匯入資料

echo 'from 佳怡表匯入資料庫 import 走 ; 走()' | python manage.py shell

完整匯入需等待一段時間，等待途中可以繼續做其他事 若只需試驗，可中途中斷

跑服務

開發用，程式碼若有修改會重新載入

python manage.py runserver

上機用，支援多線程

gunicorn itaigi.wsgi

設定FB登入

增加管理員帳號

python manage.py createsuperuser

email和密碼隨意輸入

登入管理員並且設定FB app

1. 用瀏覽器進入 /admin
2. 輸入剛剛的email和密碼
3. social application provider：FB id：590065061070994 key：db4f3fa26d26890e720d17a83ff5a6fe 最後左下角choose all site 其他欄位隨便填

google sheet匯入資料庫

參考Obtain OAuth2 credentials from Google Developers Console

1. 申請服務
2. 開啟Drive API
3. 用Service Account得到一個服務帳戶json，假設叫做itaigi-sui2.json

設定google development

假設服務帳戶json得到itaigi-sui2.json

python manage.py 加sheet的json 臺語 itaigi-sui2.json https://docs.google.com/spreadsheets/d/1_sXX2CGJsfSUTg-r-RGc4ApU1fPUmuLc2DmUSy4y_Zk/edit#gid=0

設定crontab

echo "KRONOS_PREFIX = 'source `echo $VIRTUAL_ENV`/bin/activate && '" >> itaigi/settings.py # 設定django-kronos
python manage.py installtasks
crontab -l

無完整的簡單佈署流程

sudo apt-get install -y libffi-dev # 為了連google oauth2
git pull
pip install -r requirements.txt 
python manage.py migrate
python manage.py 加sheet的json 臺語 itaigi-9.json https://docs.google.com/spreadsheets/d/1_sXX2CGJsfSUTg-r-RGc4ApU1fPUmuLc2DmUSy4y_Zk/edit#gid=0

TODO

詳見issue

• Facebook 登入
• 投票
• 各詞條討論

歡迎非工程師的大家一起參與網站規劃

請大家進功能試驗資料夾新增、編寫feature檔案 ###文件格式 可以先參考功能試驗/首頁樣式.feature的範例 可以先看這兩大關鍵字：

• Feature
  • 整個檔案的說明，說明整個檔案想要規劃的方向和內容
• Scenario
• 使用網站的情境的說明，同一個檔案可以有許多Scenario

大家可以用Feature和Scenario先勾勒出整個網站的設計。如果行有餘力，可以規劃更詳細一點，像是滑鼠點圖片等等，這邊有四個語法：

• Given
  • 這個情境的初使條件
• When
• 使用者做了哪些動作、點了哪些鍵，輸入了什麼資料
• Then
  • 使用者應該看到的內容
• and
  • 當Given, When, Then不只一行時，可以擴充第二行、第三行、…

至於#開頭的那行表示解釋，讓大家更好閱讀

註：功能試驗/steps裡面是工程師用的東西，不重要不需要看懂XD

執行與實作（工程師依照大家的網站規範來設計）

pip install django-behave
behave 功能試驗

License

MIT License http://g0v.mit-license.org/