{"id":33001946,"url":"https://github.com/Honye/weapp-mark","last_synced_at":"2025-11-16T07:00:52.694Z","repository":{"id":27005194,"uuid":"112129349","full_name":"Honye/weapp-mark","owner":"Honye","description":"🔥 豆瓣类影视查询记录小程序，附学习笔记","archived":false,"fork":false,"pushed_at":"2025-05-10T12:56:10.000Z","size":12382,"stargazers_count":229,"open_issues_count":40,"forks_count":55,"subscribers_count":9,"default_branch":"main","last_synced_at":"2025-05-10T13:43:42.256Z","etag":null,"topics":["douban","jsdoc","leancloud","mark","miniprogram","weapp","wechat"],"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/Honye.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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,"zenodo":null}},"created_at":"2017-11-27T00:47:55.000Z","updated_at":"2025-05-10T12:56:14.000Z","dependencies_parsed_at":"2024-08-10T17:26:47.411Z","dependency_job_id":"f92e26c0-7ec3-4681-8944-c35a01fda253","html_url":"https://github.com/Honye/weapp-mark","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Honye/weapp-mark","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Honye%2Fweapp-mark","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Honye%2Fweapp-mark/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Honye%2Fweapp-mark/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Honye%2Fweapp-mark/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Honye","download_url":"https://codeload.github.com/Honye/weapp-mark/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Honye%2Fweapp-mark/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":284672648,"owners_count":27044736,"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","status":"online","status_checked_at":"2025-11-16T02:00:05.974Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["douban","jsdoc","leancloud","mark","miniprogram","weapp","wechat"],"created_at":"2025-11-13T14:00:24.545Z","updated_at":"2025-11-16T07:00:52.673Z","avatar_url":"https://github.com/Honye.png","language":"JavaScript","funding_links":[],"categories":["Demo"],"sub_categories":["数据接口有问题"],"readme":"# Mark\n\n[![Honye](https://img.shields.io/badge/Honye-红叶-red.svg)](https://honye.github.io/)  [![license](https://img.shields.io/github/license/hongye567/weapp-mark.svg)](https://github.com/Honye/weapp-mark/blob/master/LICENSE)\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./docs/screenshots/IMG_5435.JPG\" height=\"258px\" \u003e\n\u003c/p\u003e\n\n\n纯属娱乐学习项目，偶尔记录下开发中遇到的问题和想法，不定期更新，如果你有什么建议也请告诉我（[issues](https://github.com/Honye/weapp-mark/issues)）。项目中自己有封装一些组件，可在项目结构查看。\n\n~~影视数据全部由[豆瓣](https://developers.douban.com/) API 提供。~~ 目前豆瓣搜索接口已经没有免费的可以使用了，本人提供的接口部署在 Vercel，未备案不可添加到微信后台，项目同时提供了 mock 数据可使用。小程序个人开发功能限制太多，无法完全上线。如若喜欢可以克隆项目自己运行看看。\n\n## 💥 扫码体验\n\n\u003cimg src=\"./docs/screenshots/IMG_5437.JPG\" alt=\"小程序码\" title=\"小程序码\" width=\"300\"\u003e\n\n## 🔱 分支 Branches\n\n1. [main](https://github.com/Honye/weapp-mark/tree/main) - 采用[微信小程序云开发](https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html)，无需后台也能开发一款完整的小程序。\n2. [master](https://github.com/Honye/weapp-mark/tree/master) - 后台服务由 [LeanCloud 云服务](https://leancloud.cn/)支撑。\n3. [cdn-ui](https://github.com/Honye/weapp-mark/tree/cdn-ui) - 没有后台服务支撑，全部采用 HTTP 请求的个人博客的静态 JSON 文件。\n\n[在线思维导图](https://www.processon.com/view/5a5c45d7e4b0abe85d562bda)\n\n**注意事项：**\n\n使用自定义组件 [Component](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/custom-component/)，小程序基础版本库要在 1.6.3 以上；\n\n使用 [wxParse](https://github.com/icindy/wxParse)，小程序基础版本库要在 1.6.6 及以上。\n\n小程序[简易双向绑定](https://developers.weixin.qq.com/miniprogram/dev/framework/view/two-way-bindings.html)，小程序基础版本库 2.9.3 及以上\n\n## 🎨 功能 Features\n\n- 云函数实现微信登录\n- 云函数定时任务实现每日卡片\n- 云函数聚合查询实现卡片收藏\n- Grid 多列表格布局\n- Grid 布局实现瀑布流\n- 云函数爬取 GitHub Trending\n- 关于页背景音频播放\n- 分别使用 template 和 Component 实现公用组件\n- CSS3 属性动画\n\n## 🐢 规范 Code of conduct\n\n时间久了自己都忘记了以前给自己定的规范是啥，导致代码很不统一，给自己备份个项目规范🥱\n\n[CODE_OF_CONDUCT.md](./CODE_OF_CONDUCT.md)\n\n## 🛠 运行 Run\n\n克隆本项目，使用微信 Web 开发工具打开项目根目录\n\n#### 安装依赖\n\n```bash\nyarn # or npm install\n```\n\n菜单栏 **工具 --\u003e 构建 npm**\n\n#### 云开发环境\n\n开通云开发环境后将项目 `/cloudfunctions/` 同步至云（参考 [云开发环境初始化](./docs/云开发环境初始化.md)），修改 `app.js`\n\n```javascript\nwx.cloud.init({\n  traceUser: true,\n  env: 'dev-oucwt' // 此处替换为你自己的云环境 ID\n});\n```\n\n*注意：真机预览开发环境时需打开调试*\n\n#### Mock API\n\n参考官方文档 [API Mock/规则导入导出](https://developers.weixin.qq.com/miniprogram/dev/devtools/api-mock.html)，导入 [mock/mock.config.json](./mock/mock.config.json)。**开发工具提供的 Mock 能力暂不支持手机预览**\n\n**注意：** 如果你没有 AppID 可能看不到数据，手机无法预览。开发工具需要关闭安全域名的校验，**工具栏 --\u003e 详情 --\u003e 项目设置 --\u003e 勾选不校验安全域名...以及 HTTPS 证书**。\n\n## 🪶 笔记 Notes\n\n[Vercel 托管 Next 实现 GitHub Trending API](https://github.com/Honye/notes/blob/vuepress/React/vercel-github-trending.md)\n\n[小程序使用 IconFont](https://github.com/Honye/notes/blob/vuepress/WeChat/miniprogram-iconfont.md)\n\n[云开发关联表（集合）案例](https://github.com/Hongye567/weapp-mark/wiki/小程序关联表学习)\n\n[写项目时的想法](https://github.com/Hongye567/weapp-mark/wiki/thought)\n\n[边写边记](https://github.com/Hongye567/weapp-mark/wiki/小程序笔记)\n\n[小程序使用外部字体](https://github.com/Honye/notes/blob/vuepress/WeChat/use-other-font.md)\n\n[小程序自定义评分组件 - tempalte 实现（精度 0.1）](https://github.com/Hongye567/weapp-mark/wiki/小程序自定义评分组件-template（精度0.1）)\n\n[小程序自定义评分组件 - Component 实现（精度0.1）](https://github.com/Hongye567/weapp-mark/wiki/小程序自定义评分组件-Component（精度0.1）)\n\n## 📐 结构 Structure\n\n```\n├── apis\n├── assets\n├── components  组件化 Component\n│    ├── cover-page 可下拉关闭的半屏组件\n│    ├── pre-image 图片预加载\n│    ├── rating 评分\n│    └── tabs\n├── cloudfunctions\n├── pages\n│    └── common  模板 template\n│        ├── actionsheet 操作菜单\n│        ├── cell 列表单元\n│        ├── dropmenu 下拉菜单\n│        ├── loading 加载/加载更多\n│        ├── rating  评分\n│        ├── share 底部分享菜单\n│        ├── wxParse  富文本、HTML 和 MD 解析，小程序基础版本库 1.6.6 及以上\n│        └── component.js  wux 针对 template 的组件化，写得挺好，借鉴一下\n├── style\n│    ├── weui.wxss\n│    ├── animate.wxss CSS 动画\n│    └── font-awesome.min.wxss Font Awesome 字体图标\n├── utils\n│    └── wxCloud.js 云函数二次封装\n├── app.js\n├── app.json\n└── app.wxss\n```\n\n## 痛点\n\n- 小程序不支持全局组件，需每个页面都引入组件。如自定义全局提示框\n\n## 🔗 参考 Reference\n\n1. 微信官方UI样式 [weui-wxss](https://github.com/Tencent/weui-wxss/)\n2. 富文本、HTML 和 Markdown 解析 [wxParse](https://github.com/icindy/wxParse)\n3. 针对 template 的自定义组件 [wux](https://github.com/skyvow/wux)\n4. [LeanCloud 云服务](https://leancloud.cn/)提供后台支撑\n5. [云服务开发环境（官方）](https://cloud.tencent.com/document/product/619/11447)\n6. [小程序解决方案（官方）](https://cloud.tencent.com/solution/la)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHonye%2Fweapp-mark","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FHonye%2Fweapp-mark","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHonye%2Fweapp-mark/lists"}