【源码】基于Vue和Node.js的微信端H5活动平台

项目简介

本项目基于Vue和Node.js构建，是一个微信端H5活动平台，主要用于展示和测试未来的活动。用户可以通过微信参与活动，并将活动结果分享给好友。

项目的主要特性和功能

1. 用户授权：用户进入页面参与测试需授权获取微信信息，分享结果页则无需授权。
2. 活动测试：提供活动测试页面，测试完成后动态生成含用户信息的二维码用于分享。
3. 分享功能：支持将活动结果分享给好友和朋友圈。
4. 后端授权处理：用户授权完成后，由后端将页面重定向到指定页面。
5. 跨域问题解决：处理微信JS - SDK和图片资源的跨域加载问题。
6. 图片保存：用户可长按结果页面保存为图片。
7. 环境配置：包含本地开发环境和服务器环境的配置，支持微信开发者工具本地测试。

安装使用步骤

1. 已下载项目源码文件，在项目根目录下，使用npm或yarn安装项目所需依赖。
2. 配置本地开发环境，分别配置好Vue和Node.js服务器。
3. 在微信开发者工具中配置本地域名（如www.example.com），并确保该域名在公众号JS接口安全域名下。
4. 启动Vue和Node.js服务器来运行项目。
5. 打开微信，访问项目页面，参与活动并分享结果。

注意事项

• 本地测试时，配置的域名必须在公众号JS接口安全域名下。
• 本项目采用Vue - cli3和TypeScript，配置方式与Vue - cli2不同。
• 跨域问题和图片保存功能的实现依赖后端支持。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】