开发微信小程序的过程与心得

起因

作为家长,我近期参与了学校的护学岗工作。在这个过程中,我发现需要使用水印相机来记录护学活动,但市面上大多数水印相机应用都要求开通会员才能使用完整功能。作为一名程序员,我决定利用自己的技术背景,开发一个免费、易用且无需下载的水印相机小工具,供学校家长和社区成员使用。考虑到微信小程序的便捷性和广泛的用户基础,我决定将这款工具打造为微信小程序。

过程与步骤
  1. 决策与规划
    • 确定开发目标为微信小程序,以利用其无需下载、即点即用的特点。
    • 规划小程序的核心功能,包括拍照、添加水印(包含日期、时间、地点等信息)、保存和分享图片。
  2. 学习与准备
    • 学习微信小程序的注册、开发知识,包括小程序的基本框架、API调用、界面设计等。
    • 注册成为微信小程序开发者,下载并安装微信开发者工具。
  3. 功能实现
    • 拍照与选图:利用微信小程序的相机组件和图片选择器API实现。
    • 水印添加:使用微信小程序的Canvas API在图片上绘制水印。
    • 地址解析:注册腾讯位置服务账号,申请并使用微信位置信息接口获取用户位置,再将其转换为具体地址。
    • 保存与分享:实现将带有水印的图片保存到用户相册,并提供分享功能。
  4. 合规与上架
    • 完成微信小程序的备案流程,包括提交相关资料、等待审核等。
    • 为方便分享和推广,进行微信小程序的认证,并支付认证费用,个人是30元。
    • 在审核过程中,积极与微信团队沟通,确保小程序符合相关政策和要求。
  5. 测试与优化
    • 进行功能测试,确保所有功能正常运行。
    • 进行用户体验测试,收集用户反馈,对界面和功能进行优化。
心得

在这次开发过程中,我深刻体会到了做好一件事的不易。虽然微信小程序的开发看似简单,但实际上涉及了多个环节和步骤,包括学习新知识、处理合规问题、与第三方服务集成等。备案和认证过程也相对繁琐,需要耐心和细心地准备和沟通。

不过,当我看到小程序成功上线并受到用户的好评时,所有的努力都化为了满满的成就感。这次经历也让我更加珍惜每一次技术挑战和成长的机会。

结果

目前,这款水印相机微信小程序已经成功上线,还未推广,使用的用户不多,后续也根据平时使用到的工具慢慢添加了一些功能,如果图片压缩,后续可能会添加一下其他,也会根据用户提的要求添加一些用户需要使用到的工具,比如手机补光工具等。

同时,我也计划将这次开发过程中的经验和心得记录下来,分享给更多想要开发微信小程序的朋友们。希望我的经历能够为他们提供一些启示和帮助,让他们更加顺利地完成自己的小程序开发之旅。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/65038.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于vue-popperjs的二次封装弹窗

前言&#xff1a; 基于vue-popperjs的二次封装代码 <template><!-- 1. :appendToBody"true"是否把位置加到body外层标签上饿了么UI和antD是true&#xff0c;iview和vuetifyjs是false2. trigger属性触发方式&#xff0c;常用hover悬浮触发、clickToOpen鼠标…

es6复习笔记】数值扩展(16)

介绍 在 JavaScript 中&#xff0c;数值扩展提供了一些额外的功能&#xff0c;使得处理数值变得更加方便。本教程将介绍一些常用的数值扩展方法和属性。 1. Number.EPSILON Number.EPSILON 是 JavaScript 表示的最小精度。它的值接近于 2.2204460492503130808472633361816E-…

OpenAI 普及 ChatGPT,开通热线电话,近屿智能深耕AI培训

12月19日&#xff0c;在OpenAI直播活动的第10天&#xff0c;宣布允许用户通过电话或WhatsApp与ChatGPT进行交互。并在美国推出 ChatGPT 热线电话&#xff0c;用户拨打后可与 ChatGPT 进行语音对话。 这项服务的一个亮点在于它兼容各种类型的通信设备——不论是现代智能手机如iP…

黑马Java面试教程_P9_MySQL

系列博客目录 文章目录 系列博客目录前言1. 优化1.1 MySQL中&#xff0c;如何定位慢查询&#xff1f;面试文稿 1.2 面试官接着问&#xff1a;那这个SQL语句执行很慢,如何分析 ( 如何优化&#xff09;呢?面试文稿 1.3 了解过索引吗?(什么是索引)1.4 继续问 索引的底层数据结构…

《OpenCV计算机视觉》-对图片的各种操作(均值、方框、高斯、中值滤波处理)及形态学处理

文章目录 《OpenCV计算机视觉》-对图片的各种操作&#xff08;均值、方框、高斯、中值滤波处理&#xff09;边界填充阈值处理图像平滑处理生成椒盐图片均值滤波处理方框滤波处理高斯滤波处理中值滤波处理 图像形态学腐蚀膨胀开运算闭运算顶帽和黑帽 《OpenCV计算机视觉》-对图片…

selenium学习笔记(二)

文章目录 前言设计模式POMPOM概念POM优势POM设计原则POM的实现 selenium的常用操作处理动态元素截图操作勾选复选框多层框架/窗口定位操作下拉框上传文件操作处理弹窗切换窗口拖拽操作 如何处理浏览器驱动更新导致的问题selenium与网站监控监听网页内容变化监控网络请求 seleni…

spring boot的配置文件属性注入到类的静态属性

假设我们有一个名为some.property的属性&#xff0c;它在Spring配置文件中定义了值&#xff0c;例如application.properties或application.yml。 1. 非静态字段 为什么推荐&#xff1f; 简单直接&#xff1a;不需要额外的配置或复杂的逻辑。符合Spring的设计理念&#xff1a…

Vue3+@antv/g2plot 生成词云图

antv/g2plot 是一个基于 AntV 的图表库属于antv库的一部分 用于快速创建各种类型的图表 支持折线图、柱状图、饼图、散点图等多种图表类型 antv/g2plot 属于antv库的一部分 g2plot是在g2基础上封装的 npm install antv/g2plot --save效果 所有值共享一个颜色并且每次刷新颜色随…

K线单边突破指标(附带源码)

编写需求&#xff1a; 今天我们来根据粉丝要求进行源码复现&#xff1a; 【请根据最近两根K线判断当下的行情做多&#xff0c;做空方向。用三个价格判断当前K线状态&#xff0c;最高价、最低价、收盘价都大于昨日对应价格&#xff0c;为上涨K线。用三个价格判断当前K线状态&a…

LabVIEW电机控制中的主动消抖

在LabVIEW电机控制系统中&#xff0c;抖动现象&#xff08;如控制信号波动或机械振动&#xff09;会影响系统的稳定性和精度。通过使用主动消抖算法&#xff0c;可以有效降低抖动&#xff0c;提高控制性能。本文将介绍几种主流的主动消抖算法&#xff0c;并结合具体应用案例进行…

【安全测试相关知识】

安全测试介绍 背景 在当前信息技术快速发展的背景下&#xff0c;网络安全问题日益严峻&#xff0c;数据泄露、黑客攻击、病毒传播等安全事件层出不穷&#xff0c;给个人、企业乃至国家带来严重威胁。所以安全测试已成为企业和国家关注的重心 作用 安全测试是确保软件系统安…

重温设计模式--工厂模式(简单、工厂、抽象)

文章目录 工厂模式定义工厂模式通常可以细分为以下几种类型1、简单工厂模式&#xff08;Simple Factory Pattern&#xff09;2、工厂方法模式&#xff08;Factory Method Pattern&#xff09;3、抽象工厂模式&#xff08;Abstract Factory Pattern) UML 图1、简单工厂模式UML2、…

SAP PP 后继物料触发条件

问题&#xff1a; 物料主数据 MRP4维护了后继物料&#xff0c;该物料库存为0&#xff0c;但是做生成订单时候&#xff0c;查看BOM没有显示未后续无力啊 原因 需要在生成订单中点击可用性检查&#xff0c;才能出发对库存校验&#xff0c;才能匹配到后继物料

LSTM实现天气模型训练与预测

要实现一个天气预测的模型&#xff0c;并确保该模型可以反复进行训练和更新&#xff0c;先设计&#xff1a; 设计方案 数据获取&#xff1a; 使用公开的天气数据API&#xff08;例如OpenWeather API或其他类似的API&#xff09;获取天气数据。确保数据以合适的格式&#xff08…

tcp 的重传,流量控制,拥塞控制

tcp 的重传解决了什么问题tcp的几种重传机制分别解决什么问题?方案 1: 超时重传方案2: 快速重传选择性确认(sack)d-sack(重复接收) 滑动窗口:累计应答 流量控制解决什么问题?如何做的?问题1: 那如果第一次发送的数据都大于缓冲区的大小怎么办?问题2: 如果剩余大小为0会发生…

Electron -- Electron应用主要核心(二)

Electron 应用主要由以下几个核心组成部分构成&#xff1a; 主进程&#xff08;Main Process&#xff09;&#xff1a; Electron 应用的入口点是主进程&#xff0c;通常是 main.js 文件。它负责管理应用的生命周期&#xff0c;包括创建窗口、处理系统事件和应用更新等。主进程可…

联通光猫怎么自己改桥接模式?

环境&#xff1a; 联通光猫 ZXHN F677V9 硬件版本号 V9.0 软件版本号 V9.0.0P1T3 问题描述&#xff1a; 联通光猫怎么自己改桥接模式 家里用的是ZXHN F677V9 光猫&#xff0c;最近又搞了个软路由&#xff0c;想改桥接模式 解决方案&#xff1a; 1.拿到最新超级密码&…

如何使用 TypeScript 和 Jest 编写高质量单元测试

前言 在前端开发中&#xff0c;TypeScript 和 Jest 是两款不可或缺的工具。TypeScript 提供了强大的静态类型检查和现代 JavaScript 特性&#xff0c;显著提高了代码的可靠性和可维护性。而 Jest 作为一个功能丰富的测试框架&#xff0c;能够方便地编写和运行各种测试&#xf…

在数据采集中,动态代理如何模拟不同地区的用户行为?

在数据采集的广阔领域中&#xff0c;动态代理IP扮演着一个关键角色&#xff0c;它能够模拟不同地区的用户行为&#xff0c;为我们提供了一种强大的工具来收集和分析数据。这篇文章将带你深入了解动态代理如何在数据采集中发挥作用&#xff0c;以及它是如何帮助我们模拟全球各地…