

作者:創始人 更新時間:2026-02-04 19:15:38
一文讀懂小程序制作的流程:注冊+搭建+準備資料+后端開發
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,最好的方式就是動手寫一下。直接把實例復制到開發者工具中使用并嘗試調整參數。這部分內容很容易理解,嘗試一兩次,就可以入門??梢韵葟膙iew,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
樣式修改,屬于開發中關鍵的一步。要實現絢爛多彩的小程序,必須經過樣式的修改??梢韵葟膁isplay,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.

參考鏈接: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.
整合同類新聞,相關新聞一手掌握
與互聯網同行,實時掌握網建行業動態
日期:2026-03-05 13:42:47瀏覽次數:1次
日期:2026-03-04 09:19:56瀏覽次數:1次
日期:2026-02-25 10:59:53瀏覽次數:7次
日期:2026-02-25 10:52:35瀏覽次數:4次
日期:2026-02-25 10:44:14瀏覽次數:4次
400-089-6678
技術及服務人員實時指導 在線答疑
