werbhelius / Pixel-Web

一个 Vue 微博客户端

Pixel-Web

• 这是一个 Vue 微博客户端
• Github项目地址：https://github.com/Werb/Pixel-Web
• 欢迎关注我的微博：wanbo-

Local Test

• 增加本地 debug 模式，访问静态数据，无需连接服务器
• debug 模式下没有翻页，发微博功能不能使用
• 在 api-config.js 中设置 DEBUG 字段，true 开启，false 关闭

Tips

• 无法访问此网站是因为需要在微博开放平台注册应用，我填的回调地址是我本机的ip的原因
• 所以你需要先去微博注册一个应用
• 注册我选择的是 微连接 - 网页应用
• 创建成功后保存 App Key 和 App Secret
• 然后在控制台-应用信息-高级信息设置 OAuth2.0 授权回调页，用于我们在登录后回调到我们的网页中，即api-config.js所配置的内容
• Pixel-Api 服务器我已经部署到了 Heroku
• 在线 Server 地址 https://pixel-api.herokuapp.com/

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

Run

请在 Chrome 手机模式下调试

npm install

npm run dev

Thanks

• daily-zhihu
• douban
• NeteaseCloudMusicApi
• temool

LICENSE

Apache License