{"id":27704443,"url":"https://github.com/Werb/Pixel-Web","last_synced_at":"2025-04-26T01:01:56.309Z","repository":{"id":96548014,"uuid":"90045489","full_name":"werbhelius/Pixel-Web","owner":"werbhelius","description":"一个 Vue 微博客户端","archived":false,"fork":false,"pushed_at":"2017-09-05T10:14:35.000Z","size":2424,"stargazers_count":507,"open_issues_count":3,"forks_count":81,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-04-19T12:34:34.488Z","etag":null,"topics":["axios","vue","vue-router","vue2","weibo"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/werbhelius.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-05-02T14:55:01.000Z","updated_at":"2025-04-10T07:21:24.000Z","dependencies_parsed_at":"2023-03-25T15:05:55.694Z","dependency_job_id":null,"html_url":"https://github.com/werbhelius/Pixel-Web","commit_stats":null,"previous_names":["werb/pixel-web"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werbhelius%2FPixel-Web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werbhelius%2FPixel-Web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werbhelius%2FPixel-Web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/werbhelius%2FPixel-Web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/werbhelius","download_url":"https://codeload.github.com/werbhelius/Pixel-Web/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250917360,"owners_count":21507562,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","vue","vue-router","vue2","weibo"],"created_at":"2025-04-26T01:01:51.674Z","updated_at":"2025-04-26T01:01:56.286Z","avatar_url":"https://github.com/werbhelius.png","language":"JavaScript","readme":"# Pixel-Web\n\n* 这是一个 Vue 微博客户端\n* Github项目地址：[https://github.com/Werb/Pixel-Web](https://github.com/Werb/Pixel-Web)\n* 欢迎关注我的微博：[wanbo-](http://weibo.com/singerwannber)\n\n### Local Test\n* 增加本地 debug 模式，访问静态数据，无需连接服务器\n* debug 模式下没有翻页，发微博功能不能使用\n* 在 [api-config.js](./src/api/config/api-config.js) 中设置 DEBUG 字段，true 开启，false 关闭\n\n### Tips\n* 无法访问此网站是因为需要在微博开放平台注册应用，我填的回调地址是我本机的ip的原因\n* 所以你需要先去微博注册一个应用\n* 注册我选择的是 微连接 - 网页应用 \n* 创建成功后保存 App Key 和 App Secret\n* 然后在控制台-应用信息-高级信息设置 OAuth2.0 授权回调页，用于我们在登录后回调到我们的网页中，即[api-config.js](./src/api/config/api-config.js)所配置的内容\n* [Pixel-Api](https://github.com/Werb/Pixel-Api) 服务器我已经部署到了 Heroku\n* 在线 Server 地址 [https://pixel-api.herokuapp.com/](https://pixel-api.herokuapp.com/)\n\n### Intro\n* 我是一个前端小白，突发奇想自学 Vue ，前前后后写了一个月时间\n* 使用 vue-cli 构建、打包, 配合 vue全家桶（vue、vuex、vue-router）进行编码\n* 使用 axios 进行资源请求\n* 使用 Node.js 对 api 进行二次封装解决跨域问题\n\n### Server\n* 使用 Nodejs + Express 开发\n* 实现 Oauth登录，查看最新微博，查看单条微博评论，个人主页，我的关注，我的粉丝，发微博以及四种消息（@我的微博，@我的评论，收到的评论，发出的评论）\n* Github项目地址：[https://github.com/Werb/Pixel-Api](https://github.com/Werb/Pixel-Api)\n\n### Preview\n![pixel-web-one](./screenshots/pixel-web-one.png)\n![pixel-web-two](./screenshots/pixel-web-two.png)\n![pixel-web-three](./screenshots/pixel-web-three.png)\n\n### Run\n 请在 Chrome 手机模式下调试\n\n`npm install`\n\n`npm run dev`\n\n### Thanks\n* [daily-zhihu](https://github.com/walleeeee/daily-zhihu)\n* [douban](https://github.com/jeneser/douban)\n* [NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)\n* [temool](https://github.com/temool)\n\n### LICENSE\n[Apache License](./LICENSE)\n\n\n\n","funding_links":[],"categories":["Demo示例"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FWerb%2FPixel-Web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FWerb%2FPixel-Web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FWerb%2FPixel-Web/lists"}