Skip to content

Nodewebzsz/Pixel-Web

 
 

Repository files navigation

Pixel-Web

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

pixel-web-one pixel-web-two pixel-web-three

Run

请在 Chrome 手机模式下调试

npm install

npm run dev

Thanks

LICENSE

Apache License

About

一个 Vue 微博客户端

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 81.2%
  • Vue 18.6%
  • HTML 0.2%