werbhelius / Pixel Web
Licence: apache-2.0
一个 Vue 微博客户端
Stars: ✭ 500
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Pixel Web
Vue Element Quick Start
Vue2, Vuex 3, Vue Router 3, Element-ui and Typescript SPA project quick start kit(Vue element ui 快速开始脚手架)
Stars: ✭ 135 (-73%)
Mutual labels: axios, vue-router, vue2
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (-71%)
Mutual labels: axios, vue-router, vue2
element-ui-demo
A element-ui admin base on vue2
Stars: ✭ 18 (-96.4%)
Mutual labels: axios, vue2, vue-router
Vue2 Shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
Stars: ✭ 103 (-79.4%)
Mutual labels: axios, vue-router, vue2
vue-weibo
用Vue.js及相关插件仿制的新浪微博移动版(m.weibo.cn)🌺
Stars: ✭ 69 (-86.2%)
Mutual labels: vue2, vue-router, weibo
Vue axios spa
基于vue2+axios+vux+vue-router+vuex构建的单页微信端项目
Stars: ✭ 54 (-89.2%)
Mutual labels: axios, vue-router, vue2
vue-typescript-admin
Vue typescript 开发的基础模板,多页面支持,基础整合完毕。
Stars: ✭ 26 (-94.8%)
Mutual labels: axios, vue2, vue-router
Vue2 Admin
基于vue-element-admin、Vue2 权限、监控、管理系统(包含地图等嵌套)
Stars: ✭ 74 (-85.2%)
Mutual labels: axios, vue-router, vue2
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (-48.8%)
Mutual labels: axios, vue-router, vue2
Seemusic
Vue 云音乐播放器,网易云音乐API,可听网易云高品质付费歌曲。 Vue music player
Stars: ✭ 112 (-77.6%)
Mutual labels: axios, vue-router, vue2
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+127%)
Mutual labels: axios, vue-router, vue2
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (-50.2%)
Mutual labels: axios, vue-router, vue2
Vue Music
基于vue2.0的网易云音乐播放器,api来自于NeteaseCloudMusicApi,v2.0为最新版本
Stars: ✭ 855 (+71%)
Mutual labels: axios, vue-router, vue2
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+72.2%)
Mutual labels: axios, vue-router, vue2
vue-webpack-boilerplate
A webpack boilerplate with vue-loader, axios, vue-router and vuex
Stars: ✭ 51 (-89.8%)
Mutual labels: axios, vue2, vue-router
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
LICENSE
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].