用 Vue 擼一個微部落格戶端

wanbo發表於2017-06-08

Pixel-Web

Intro

  • 我是一個前端小白,突發奇想自學 Vue ,前前後後寫了一個月時間
  • 使用 vue-cli 構建、打包, 配合 vue全家桶(vue、vuex、vue-router)進行編碼
  • 使用 axios 進行資源請求
  • 使用 Node.js 對 api 進行二次封裝解決跨域問題

Server

  • 使用 Nodejs + Express 開發
  • 實現 Oauth登入,檢視最新微博,檢視單條微博評論,個人主頁,我的關注,我的粉絲,發微博以及四種訊息(@我的微博,@我的評論,收到的評論,發出的評論)
  • Github專案地址:github.com/Werb/Pixel-…

Preview

用 Vue 擼一個微部落格戶端

用 Vue 擼一個微部落格戶端

用 Vue 擼一個微部落格戶端

Run

請在 Chrome 手機模式下除錯

npm install

npm run dev

Tips

  • 在開始前需要在新浪開放平臺註冊應用
  • 我選擇的是 微連線 - 網頁應用
  • 建立成功後儲存 App Key 和 App Secret
  • 然後設定 OAuth2.0 授權回撥頁,用於我們在登入後回撥到我們的網頁中,具體請看 api-config.js

Thanks

LICENSE

Apache License

相關文章