更新记录

3.0.5(2021-10-25)

文档完善

3.0.4(2021-10-24)

替换文件,发布新版

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

介绍

最近微信换头像比较火爆,国庆幻彩头像比较好看,这是一款实现微信头像增加挂件的示例。开箱即用,喜欢请点下start 。 如果你有更好的意见,可以联系我 QQ。

地址

小程序地址

后台地址

预览

微信小程序搜索 幻彩头像 或扫描下方二维码 ​

8a798807-8562-4361-83dc-7c2e5366278a.png

前言

在启动此组件项目前,假设您已经安装了 scss 依赖,hx 版本 版本为3.0以上。启动此项目须先准备unicloud云服务空间,微信小程序等相关参数。

安装

1、下载插件zip并解压,将项目文件中 ”photo-admin“ 剪切出来,并单独打开。如下图打开所示。 image.png

2、打开两个项目中的 manifest.json 文件 ,点击重新获取你的 appId。 在 photo 项目中微信小程序配置 中填入小程序的appId。 ​

3、在微信公众号平台配置合法域名 (1)https://api.bspapp.com (2)https://thirdwx.qlogo.cn (3)https://vkceyugu.cdn.bspapp.com (4)https://wx.qlogo.cn 如下图所示 image.png

4、打开项目 photo-admin 找到文件夹 uniCloud/cloudfunctions/user_mpweixin/index.js,将 appidappsecret 修改为你的小程序信息。 ​

5、选中 photo-admin 项目打开,右击项目关联一个云服务,如没有,你应该新建一个新的云服务。云服务关联成功后,右击项目运行云服务空间初始化向导。(有弹窗提示你数据库不存在 点击是即可。) ​

6、选中 photo 项目打开,找到 uniCloud 文件夹,右击文件夹,点击关联云服务,绑定其他项目的服务空间。 选中上一步 photo-admin 创建的云服务空间,点击关联即可(绑定的云服务空间须和后台是同一个云服务,绑定不上,请多尝试几次,这块 hx 有bug)。 ​

7、找到 photo-admin 项目根目录 menu.config.json 文件 。打开网站 Hx 数据库配置 ,找到 opendb-admin-menus ,点击导入 json 即可。 ​

7、首先启动后台项目 点击 photo-admin 项目,运行到内置浏览器本地启动项目,不运行到内置浏览器时,有可能发生跨域错误),如果密码,请先创建一个管理员账号,创建完成后登录,后台操作完成。 ​

8.启动小程序端,点击 photo 项目,运行到 小程序开发工具,设置本地开发支持跨域

联系我们

QQ: 2737469470 mail: forever14998@gmail.com

鸣谢

QS-SharePoster    实用的自定义海报生成器

捐赠

此文档和文档开源免费,如果您感觉对您有所帮助,不妨请我喝杯咖啡~
image.png

版权信息

遵循MIT开源协议,全面拥抱开源。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问