- 這是一個 Vue 微博客戶端
- Github項目地址:https://github.com/Werb/Pixel-Web
Intro
- 我是一個前端小白,突發奇想自學 Vue ,前前后后寫了一個月時間
- 使用 vue-cli 構建、打包, 配合 vue全家桶(vue、vuex、vue-router)進行編碼
- 使用 axios 進行資源請求
- 使用 Node.js 對 api 進行二次封裝解決跨域問題
Server
- 使用 Nodejs + Express 開發
- 實現 Oauth登錄,查看最新微博,查看單條微博評論,個人主頁,我的關注,我的粉絲,發微博以及四種消息(@我的微博,@我的評論,收到的評論,發出的評論)
- Github項目地址:https://github.com/Werb/Pixel-Api
Preview
pixel-web-one.png
pixel-web-two.png
pixel-web-three.png
Run
請在 Chrome 手機模式下調試
npm install
npm run dev
Tips
- 在開始前需要在新浪開放平臺注冊應用
- 我選擇的是 微連接 - 網頁應用
- 創建成功后保存 App Key 和 App Secret
- 然后設置 OAuth2.0 授權回調頁,用于我們在登錄后回調到我們的網頁中,具體請看 api-config.js