Git Product home page Git Product logo

qiuquang / avatar Goto Github PK

View Code? Open in Web Editor NEW

This project forked from lee-citizen/avatar

0.0 0.0 0.0 1.17 MB

火爆全网的国庆头像生成器, 微信小程序源码 , 修改了一些已知bug, 用的是uniapp框架, 仅支持微信小程序端 , 获取微信头像, 可以选择国旗或其他小图标, 支持扩展

License: Other

JavaScript 40.20% CSS 17.70% HTML 0.07% Vue 40.49% SCSS 1.55%

avatar's Introduction

前言

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

1、先上图

小程序

小程序预览地址

2、准备工作

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

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

在这里插入图片描述

三、下载解压HBuilderX

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

3、搭建开始

请确保 HBuilderX 更新到最新版

一、下载代码

二、这里云空间叫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、在微信开发者工具点击上传,在小程序后台提交审核,审核通过后即可正常运营

在这里插入图片描述

沟通群

小程序预览地址

最后

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

在这里插入图片描述

关于

⭐使用留个srat,蟹蟹。 ☞个人博客

avatar's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.