更新记录

2.1.9(2023-05-04)

代码优化

2.1.8(2023-04-25)

新增付费活动功能(深蓝渐变色显示、微信支付)

新增我的活动页面

新增微信登陆

新增修改报名信息

2.1.7(2023-04-21)

新增付费活动功能(深蓝渐变色显示、微信支付)

新增我的活动页面

新增微信登陆

新增修改报名信息

查看更多

平台兼容性

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

云函数类插件通用教程

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


模块概述

1、活动模块。

2、文章模块。

功能说明

一、用户端

二、管理端

三、用户端演示地址

使用说明

0、下载 HBuilderX开发者工具

1、注册登录DCloud账号,新建服务空间。

2、在插件市场打开本插件页面,在右侧点击使用 HBuilderX 导入插件,选择要导入的项目点击确定

3、等待下载安装完毕。注意:由于本插件依赖一些 uni-ui插件,下载完成后会显示合并插件页面,自行选择即可

4、右键uniCloud运行云服务空间初始化向导,关联服务空间并上传所有云函数公共模块

5、配置微信支付:在微信和支付宝的支付后台,需要申请开通支付服务,成功后会得到各种凭据,这些凭据要配置在uni-pay的配置中。配置文件在 uniCloud/cloudfunctions/common/uni-config-center/uni-pay/config.js,如有问题看咨询作者或查阅官方文档


const fs = require('fs');
const path = require('path')
module.exports = {
// 统一 - 支付回调地址,格式为 "服务空间ID":"URL化地址"
"notifyUrl": {
// 测试环境服务空间-支付回调地址
"mp-b267e273-19a7-4288-99c7-f6f27f9c5b77": "https://fc-mp-b267e273-19a7-4288-99c7-f6f27f9c5b77.next.bspapp.com/uni-pay-co",
// 线上环境服务空间-支付回调地址(如果只有一个服务空间,则只需要配置线上环境服务空间即可)
"mp-499e2a37-0c77-418a-82aa-3e5820ecb057": "https://fc-mp-499e2a37-0c77-418a-82aa-3e5820ecb057.next.bspapp.com/uni-pay-co",
},
// 微信支付相关
"wxpay": {
"enable": true, // 是否启用微信支付
// 微信 - 公众号支付
"jsapi": {
"appId": "", // 公众号的appid
"secret": "", // 公众号的secret
"mchId": "", // 商户id
"key": "", // v2的api key
"pfx": fs.readFileSync(__dirname + '/wxpay/apiclient_cert.p12'), // v2需要用到的证书
"v3Key": "", // v3的api key
"appCertPath": path.join(__dirname, 'wxpay/apiclient_cert.pem'), // v3需要用到的证书
"appPrivateKeyPath": path.join(__dirname, 'wxpay/apiclient_key.pem'), // v3需要用到的证书
"version": 2, // 启用支付的版本 2代表v2版本 3 代表v3版本
},
},
}

>6、配置微信登录:打开/uniCloud/cloudfunctions/common/uni-config-center/uni-id/config.json在web节点配置微信公众号的appid
```js
    "web": {
        "oauth": {
            "weixin-h5": {
                "appid": "", //微信公众号的appid
                "appsecret": ""  //微信公众号的secret
            },
            "h5-weixin": {
                "appid": "",  //微信公众号的appid
                "appsecret": ""  //微信公众号的secret
            }
        }
    }

7、配置成功后重新上传到服务空间,注意:只能在微信内置浏览器内生效。

8、开发时请注释掉限制在微信打开的代码:路径->/pages/list/list.nvue的第190行和/uni_modules/huodong/pages/huodong/detail.vue的213行

// mounted() {
//  if (/MicroMessenger/i.test(navigator.userAgent)) {
//      // 是微信内置浏览器,什么都不做
//  } else {
//      // 不是微信内置浏览器,弹出提示
//      document.head =
//          '<title>抱歉,出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">';
//      document.body =
//          '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在手机微信客户端打开链接</h4></div></div>';
//  }
// },

9、如有疑问可咨询作者或查看官方文档

10、完成部署后运行到浏览器查看即可

11、此插件必须关联活动报名后台管理端,两者可搭配使用

咨询作者:18167999188(电话微信同号)

隐私、权限声明

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

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

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

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