更新记录

1.3(2023-11-26)

优化

1.2(2021-12-05)

调整ui

1.0(2021-12-04)

第一版重磅发布

查看更多

平台兼容性

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

云函数类插件通用教程

使用云函数类插件的前提是:使用HBuilderX 2.9+


前言

最近微信换头像比较火爆,国旗,渐变头像比较好看,于是自己也决定做一个

1、先上图

小程序

在这里插入图片描述

后台管理

在这里插入图片描述

在这里插入图片描述

2、准备工作

一、申请一个小程序 申请地址:微信公众平台, 申请小程序的操作很简单,大家百度一下跟着步骤申请就行,某宝上还有认证小程序代申请代认证,老铁们可以自行选择。

二、下载微信开发者工具 下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

在这里插入图片描述

三、下载解压HBuilderX

下载地址:https://www.dcloud.io/hbuilderx.html 在这里插入图片描述

3、搭建开始

请确保 HBuilderX 更新到最新版

一、小程序源码地址,点击购买普通授权版本,只需要5.88

作者承诺只要购买了加qq:2214904953一条龙技术服务,包成功上线

二、我这里云空间叫demo,如果没有新建个阿里云空间即可(创建 uniCloud 服务空间),右键uniCloud目录关联到与管理后台同一个服务空间,全部勾选,点击直接部署服务空间,导入HBuilderX 在这里插入图片描述 打开文件 uniCloud => cloudfunctions => user_mpweixin => index.js
配置 你自己的 appid 和 secret(在微信小程序官方的后台获取)

三、项目安装依赖

项目根目录 npm install 安装依赖

四、配置项目 1、打开微信微信开发者工具,在安全设置中打开服务端口 在这里插入图片描述 在这里插入图片描述

2、打开HBuilderX,点击“运行-运行到小程序模拟器-运行配置”中设置你安装微信开发者工具的路径。 在这里插入图片描述

在这里插入图片描述

四、发布小程序

1、右键项目文件夹,点击“发行-小程序-微信(仅适用于uniapp)” 在这里插入图片描述

2、填写小程序名称和小程序appid即可唤起微信开发者工具。 在这里插入图片描述

3、在小程序后台,开发管理中配置合法域名:

  • (1)https://api.bspapp.com
  • (2)https://thirdwx.qlogo.cn
  • (3)https://vkceyugu.cdn.bspapp.com
  • (4)https://wx.qlogo.cn

    如下图所示 在这里插入图片描述

4、提供购买订单号,联系作者(qq:2214904953) 获取后台管理系统代码和头像素材图片

5、在微信开发者工具点击上传,在小程序后台提交审核,审核通过后即可正常运营

在这里插入图片描述

最后

小程序可开通流量主,达到开通条件可以选择开通流量主 即可躺着赚钱 , 贴一张大佬的流量主收益图,只要你能推广,赚钱很容易。

在这里插入图片描述

用问题的联系作者帮忙解决QQ:2214904953

关注公众号 《技术赚客吧》 全网优质项目首发,一起赚吧

在这里插入图片描述

作者相关文章

反编译获取任何微信小程序源码——看这篇就够了

零成本,零基础搭建获利的影视小程序

零基础搭建智能垃圾分类小程序(可做毕设,可加入流量主,赚取零花钱)

隐私、权限声明

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

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

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

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