一文读懂小程序制作的流程:注册+搭建+准备资料+后端开发

作者:创始人 更新时间:2026-02-04 19:15:38

当前位置 : 首页 > 关于鑫诺商>企业文化 一文读懂小程序制作的流程:注册+搭建+准备资料+后端开发

一文读懂小程序制作的流程:注册+搭建+准备资料+后端开发

2026-02-04 19:15:38 分享 浏览次数:0

  一文读懂小程序制作的流程:注册+搭建+准备资料+后端开发
  Understanding the process of making mini programs in one article: registration+setup+preparation of materials+backend development
  开发小程序前,要先了解自己行业场景,因为开发小程序的本身就是为了解决自己行业内的问题,例如说效率提升、吸引客源、减少管理成本等,清楚自己想要做什么就可以着手准备了。
  Before developing a mini program, it is important to understand your industry context, as the purpose of developing a mini program is to solve problems within your industry, such as improving efficiency, attracting customers, and reducing management costs. Once you have a clear understanding of what you want to do, you can start preparing.
  一、注册小程序需准备资料
  1、 Registration for mini programs requires preparation of documents
  1、个人注册:身份证姓名、身份证号码、管理员手机、短信验证、管理员身份验证等等2、企业注册:企业类型、营业执照注册号、管理员身份证姓名、管理员身份证号码、管理员手机号码、短信验证等
  1. Individual registration: ID card name, ID card number, administrator mobile phone, SMS verification, administrator authentication, etc. 2. Enterprise registration: enterprise type, business license registration number, administrator ID card name, administrator ID card number, administrator mobile phone number, SMS verification, etc
  二、注册流程
  2、 Registration process
  1、到微信公众平台下滑找到小程序入口,点击进入
  1. Scroll down to the WeChat public platform and find the entrance to the mini program. Click to enter
  http://mp.weixin.qq.com/mp/scanlogin?action=index&qrticket=04a1b500b567a280751978bca4e2132c&scanscene=0#wechat_redirect (二维码自动识别)
  http://mp.weixin.qq.com/mp/scanlogin?action=index&qrticket=04a1b500b567a280751978bca4e2132c&scanscene=0#wechat_redirect (QR code automatic recognition)
  2、进入后点击“前往注册”
  2. After entering, click on "Go to Register"
  3、填写邮箱、密码等相关信息,勾选同意协议后点击“注册”按钮。(注意!这个邮箱账号保证没有注册过服务号、订阅号、小程序)
  3. Fill in relevant information such as email and password, check the agreement box, and click the "Register" button. (Attention! This email account guarantees that no service account, subscription account, or mini program has been registered.)
  4、邮箱激活。微信会发送一个邮件到你的注册邮箱,你登录相应邮箱,点击链接激活账号即可
  4. Email activation. WeChat will send an email to your registered email. You can log in to the corresponding email and click the link to activate your account
  5、信息登记。激活小程序后,选择“主体类型”:个人、企业、政府、媒体或者其他组织。这里主体类型不同,准备的材料不同
  5. Information registration. After activating the mini program, select the "subject type": individual, enterprise, government, media, or other organization. The types of subjects here are different, and the materials prepared are also different
  ①个人注册:身份证姓名、身份证号码、管理员手机、短信验证、管理员身份验证等等
  ① Personal registration: ID card name, ID card number, administrator mobile phone, SMS verification, administrator authentication, etc
  ②企业注册:企业类型、营业执照注册号、管理员身份证姓名、管理员身份证号码、管理员手机号码、短信验证等
  ② Enterprise registration: enterprise type, business license registration number, administrator ID card name, administrator ID card number, administrator mobile phone number, SMS verification, etc
  三、搭建前准备材料
  3、 Prepare materials before construction
  1、法人使用的微信号,且已绑定银行卡2、运营者身份证号码、手机号、营业执照信息3、个体工商户要准备法人的个人银行卡信息,开户行、开户分行,有限公司需准备对公账户的账号、开户行、开户分行4、部分行业需要准备从事行业所对应的经营资质,如《食品经营许可证》、《医疗器械经营许可证》等
  1. WeChat used by legal persons and bound with bank cards 2. Operator's ID card number, mobile phone number, business license information 3. Individual businesses need to prepare personal bank card information of legal persons, deposit banks, deposit branches, and limited companies need to prepare account numbers, deposit banks, and deposit branches of corporate accounts 4. Some industries need to prepare business qualifications corresponding to the industry, such as Food Business License, Medical Device Business License, etc
  开发小程序的3种方式:
  Three ways to develop mini programs:
  直接套用模板:
  Directly apply the template:
  省心又便宜,价格低的几百元至几千元不等按行业模板瘊定,按年收费。低于或者高于这个价格都要留心。模板的小程序缺点就是实现不了个性化的需求。
  Worry free and affordable, with prices ranging from a few hundred to several thousand yuan depending on industry templates, charged annually. Pay attention to prices lower or higher than this. The disadvantage of template mini programs is that they cannot meet personalized needs.
  第三方搭建:
  Third party construction:
  根据自己的功能来组合编辑小程序,大多数商家都比较适合这种开发模式,功能完善价格一般在几千元,这种方式也很方便,能够快速上线,修改方便。
  Combining and editing mini programs based on their own functions is a development model that most businesses are more suitable for. The price for completing the functions is usually a few thousand yuan, and this method is also very convenient. It can be quickly launched and easily modified.
  定制开发:
  Customized development:
  定制开发为主的开发平台,这种的价格就会比较高,定制开发的小程序可以根据客户的功能实现多样化的需求,自由度更高,这种方式的费用一般都是上万或十几万几十万不等。
  A development platform that focuses on custom development will have a relatively high price. Custom developed mini programs can meet diverse needs based on customer functionality, with higher degrees of freedom. The cost of this approach generally ranges from tens of thousands to hundreds of thousands.
  小程序定制开发成本分析:
  Cost analysis of customized development of mini programs:
  产品原型定位
  Product prototype positioning
  制作小程序首先要对小程序定位,也就是我们希望小程序是长什么样子的。需要从使用人群、主要功能和产品特色几个方面进行思考和定位。要充分了解用户需求,分析是谁在什么环境下解决什么问题。
  To create a mini program, the first step is to locate the mini program, that is, what we want the mini program to look like. It is necessary to think and position from several aspects such as user base, main functions, and product features. To fully understand user needs and analyze who is solving what problems in what environment.
  UI设计
  UI design
  UI设计师负责整个页面的设计,简洁的页面设计更便于用户使用、便于用户了解产品,并减少用户发生错误选择的可能性。页面中要使用能反映用户本身的语音,页面结构也要清晰一致,且风格要和产品内容保持一致
  UI designers are responsible for the overall design of the page. A simple page design is more user-friendly, easier for users to understand the product, and reduces the possibility of users making incorrect choices. The page should use voice that reflects the user's own voice, the page structure should be clear and consistent, and the style should be consistent with the product content
  前端开发
  Front-end development
  负责相关产品的需求以及前端程序的实现,提供合理的前端架构;与产品、后台开发人员保持良好沟通,能快速理解、消化各方需求,并落实为具体的开发工作;了解服务器端的相关工作,在交互体验、产品设计等方面有自己的见解。
  Responsible for the requirements of related products and the implementation of front-end programs, providing a reasonable front-end architecture; Maintain good communication with product and backend developers, able to quickly understand and digest various needs, and implement them into specific development work; Understand the relevant work on the server-side and have my own insights in interactive experience, product design, and other aspects.
  后端开发
  Backend Development
  后端开发人员写可使得按钮工作的代码,通过指出从数据库中提取哪些数据并将其传回到前端(并最终显示在那里)。后端开发人员也可能会大量参与系统架构,决定如何组织系统的逻辑,以便能够正常维护和运行。
  Backend developers write code that makes buttons work by indicating which data to extract from the database and pass it back to the frontend (and ultimately display it there). Backend developers may also be heavily involved in system architecture, deciding how to organize the system's logic for proper maintenance and operation.
  首先,个人认为拖拽类生成小程序不属于真正的开发小程序,使用编程的方式实现,才属于真正意义上的开发。
  Firstly, I personally believe that drag and drop class generated mini programs do not belong to the true development of mini programs, and that using programming to implement them is the true meaning of development.
  从0开始入门,当然要从最基础的内容开始入手。
  Starting from scratch, of course, you need to start with the most basic content.
  先下载一个“微信开发者工具”
  Download a 'WeChat Developer Tool' first
  下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
  Download link: https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
  一、html知识,微信内又名wxml
  1、 HTML knowledge, also known as wXML in WeChat
  学习html,最好的方式就是动手写一下。直接把实例复制到开发者工具中使用并尝试调整参数。这部分内容很容易理解,尝试一两次,就可以入门。可以先从view,swiper,text,button入手。这几个属于高频率使用的元素组件。
  The best way to learn HTML is to write it by hand. Copy the instance directly to the developer tool and try adjusting the parameters. This part of the content is easy to understand, try it once or twice to get started. You can start with view, swipe, text, and button. These are high-frequency element components.
  参考链接:https://developers.weixin.qq.com/miniprogram/dev/component/
  Reference link: https://developers.weixin.qq.com/miniprogram/dev/component/
  二、css
  II css
  样式修改,属于开发中关键的一步。要实现绚烂多彩的小程序,必须经过样式的修改。可以先从display,position,font,color,background,border等属性入手,可以实现大部分的样式修改需求。
  Style modification is a crucial step in development. To achieve a colorful mini program, it is necessary to modify the style. You can start with properties such as display, position, font, color, background, border, etc., which can meet most of the style modification requirements.

g20.jpg


  参考链接:https://www.w3school.com.cn/css/index.asp
  Reference link: https://www.w3school.com.cn/css/index.asp
  三、javascript(简称js)
  3、 JavaScript (abbreviated as JS)
  刚入门只需要了解最基础的语法,可以跟着教程一步步走一遍。对变量,运算符,函数,对象,事件有一个基础的了解。这时需要注意报错信息,因为刚入门的同学,容易写错语法。注意
  Just starting out, you only need to understand the most basic grammar, and you can follow the tutorial step by step. Have a basic understanding of variables, operators, functions, objects, and events. At this point, it is important to pay attention to error messages, as beginners are prone to writing grammar mistakes. Attention
  输入法,一定不可用中文的标点符号,不然就会造成报错。理解js的语言特性,什么是事件驱动,什么是单线程异步。
  The input method must not use Chinese punctuation marks, otherwise it will cause errors. Understand the language features of JavaScript, what is event driven, and what is single threaded asynchronous.
  参考链接:https://www.w3school.com.cn/js/index.asp
  Reference link: https://www.w3school.com.cn/js/index.asp
  四、小程序特性
  4、 Mini program features
  主要从微信小程序的官方文档中学习。了解常用的api,比如路由跳转,网络请求,数据缓存等,还要了解全局的配置,页面配置,和小程序的生命周期。理解整个小程序从初始化到销毁的整个过程。
  Mainly learn from the official documentation of WeChat mini programs. Understand commonly used APIs, such as route forwarding, network requests, data caching, etc., as well as global configuration, page configuration, and the lifecycle of mini programs. Understand the entire process of the mini program from initialization to destruction.
  参考链接:https://developers.weixin.qq.com/miniprogram/dev/api/
  Reference link: https://developers.weixin.qq.com/miniprogram/dev/api/
  五、后端服务
  5、 Backend services
  个人建议先从云开发入手,虽说没有后端开发的经验,云开发可能学起来有点吃力。但总体而言,云开发会比常规的后端开发要简便得多。从微信官方文档中学习:云函数,数据库,储存,和云调用。放心,这里使用的语言也是js。
  My personal suggestion is to start with cloud development, although without experience in backend development, learning cloud development may be a bit difficult. But overall, cloud development will be much simpler than regular backend development. Learn from WeChat official documentation: cloud functions, databases, storage, and cloud calling. Don't worry, the language used here is also JavaScript.
  云开发参考地址:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html
  Cloud development reference address: https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html
  而且可以配合使用腾讯云的cms后台系统https://cloud.tencent.com/document/product/1220/47065,实现一般的内容系统的快速开发。
  And it can be used in conjunction with Tencent Cloud's CMS backend system https://cloud.tencent.com/document/product/1220/47065 To achieve rapid development of general content systems.
  到了后期的进阶,也可以先从nodejs的搭建开始入手学习。
  In the later stages of advancement, you can also start learning by building Node.js.

TAG:

    相关新闻

    整合同类新闻,相关新闻一手掌握

网站案例

洞悉市场趋势演变让传播回归社会

400-089-6678