如何开发微信小程序？

热咖啡加冰 發表於 2022-6-22 15:03:00

<div data-zop-question="{"title":"如何开发微信小程序？","topics":[{"name":"生活","id":"19551147"},{"name":"编程语言","id":"19552826"},{"name":"调查类问题","id":"19554151"},{"name":"微信","id":"19554470"},{"name":"微信公众帐号","id":"19806051"}],"id":52368842,"isEditable":false}">
<div data-za-detail-view-path-module="QuestionDescription" data-za-extra-module="{"card":{"content":{"type":"Question","token":"52368842"}}}">
<div class="QuestionHeader">
<div class="QuestionHeader-content">
<div class="QuestionHeader-main">
<h1 class="QuestionHeader-title">如何开发微信小程序？</h1>
</div>
</div>
</div>
</div>
</div>
<div class="Question-main">
<div class="Question-mainColumn">
<div id="QuestionAnswers-answers" class="QuestionAnswers-answers" data-zop-feedlistmap="0,0,1,0" data-za-detail-view-path-module="ContentList" data-za-extra-module="{}">
<div class="Card AnswersNavWrapper">
<div class="ListShortcut">
<div class="List">
<div>
<div>
<div class="List-item">
<div class="ContentItem AnswerItem" data-za-index="0" data-zop="{"authorName":"司瓦图创始人老张","itemId":811765869,"title":"如何开发微信小程序？","type":"answer"}" data-za-detail-view-path-module="AnswerItem" data-za-detail-view-path-index="0" data-za-extra-module="{"card":{"has_image":false,"has_video":false,"content":{"type":"Answer","token":"811765869","upvote_num":18,"comment_num":5,"publish_timestamp":null,"parent_token":"52368842","author_member_hash_id":"88578db43bdb456bc53f3d64e0a2c5df"}}}">
<div class="RichContent RichContent--unescapable">
<div class="RichContent-inner">
<p data-first-child="" data-pid="V6nXrywT">作为一名10多年一直从事互联网平台开发的从业者，我来回答下这个问题吧。</p>
<p data-pid="d36rjFo4">微信小程序开发流程总体可以归纳为4个步骤，</p>
<p data-pid="hAdu_EEo">老张带您捋一捋整个环节，小白用户可以收藏了。</p>
<p data-pid="3najbuJf">好了废话不多说，开始！</p>
<p class="ztext-empty-paragraph"> </p>
<span class="RichText ztext CopyrightRichText-richText css-9scqi7"><span class="RichText ztext CopyrightRichText-richText css-9scqi7"><img width="600" class="origin_image zh-lightbox-thumb lazy lazyload" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="415" data-default-watermark-src="https://pic3.zhimg.com/50/v2-8a81818cebf9cebe31ed26fc392cdd11_720w.jpg?source=1940ef5c" data-original="https://pica.zhimg.com/v2-b0e5272123e75d1055a83eb9d4c27d3f_r.jpg?source=1940ef5c" data-actualsrc="https://pic2.zhimg.com/50/v2-b0e5272123e75d1055a83eb9d4c27d3f_720w.jpg?source=1940ef5c" data-lazy-status="ok" data-src="https://pic2.zhimg.com/80/v2-b0e5272123e75d1055a83eb9d4c27d3f_1440w.jpg?source=1940ef5c"></span></span>
<p class="ztext-empty-paragraph"> </p>
<h2>一、开发前小程序需要准备的资料</h2>
<p data-pid="rShjH_pf">我们在开发微信小程序前，需要准备下相关资料。这个资料主要是后面进行ICP备案，微信小程序认证以及申请支付接口时需要用到。</p>
<p data-pid="_laOVYmP">资料如下：</p>
<ol>
<li data-pid="dcb30aHR">营业执照【个体经营户或公司都行】</li>
<li data-pid="eFCjXByW">银行开户许可证【个体经营户可以用法人个人银行卡】，企业网银【最好开通】。</li>
<li data-pid="SzoIxB0D">相关类型的小程序需要对应的资质。</li>
</ol>
<p data-pid="x4-5_pBZ">比如说，您是卖食品的，需要食品经营许可证；</p>
<p data-pid="8W2VwHKx">您是做商家入驻平台的，需要EDI证。这个在小程序上架时，微信小程序官方会对您进行审核。</p>
<p data-pid="FnzU5PmM">目前来说，个人可以去申请微信小程序，但申请不了微信支付接口。所以如果您没有营业执照，不要去想“个人怎么才能用带支付接口的小程序了”。无任何办法，无任何途径。</p>
<p class="ztext-empty-paragraph"> </p>
<span class="RichText ztext CopyrightRichText-richText css-9scqi7"><span class="RichText ztext CopyrightRichText-richText css-9scqi7"><img width="255" class="content_image lazy lazyload" data-caption="" data-size="normal" data-rawwidth="255" data-rawheight="255" data-default-watermark-src="https://pic2.zhimg.com/50/v2-3622f6f07b0b1d823dc9489b7651e4c5_720w.jpg?source=1940ef5c" data-actualsrc="https://pic3.zhimg.com/50/v2-036928081bcbf7ab7ae18266ecb38d97_720w.jpg?source=1940ef5c" data-lazy-status="ok" data-src="https://pic3.zhimg.com/80/v2-036928081bcbf7ab7ae18266ecb38d97_1440w.jpg?source=1940ef5c"></span></span>
<p class="ztext-empty-paragraph"> </p>
<h2>二、开发小程序需要准备的配套</h2>
<p data-pid="lHuT1Ff3">这个配套解释下，这跟我们装修房子类似，就是你装修房子至少需要水泥，沙子等原料。小程序开发也是如此。你让程序员开发完小程序代码，这个代码放在哪放着呢？怎么用呢？国家怎么监管呢？等等也就是这个意思！</p>
<h3>1>域名</h3>
<p data-pid="oBzDJ5BT">这个没什么要要说的，可以到域名服务商那里去购买一个，目前价格也就几十元一年。</p>
<h3>2>服务器</h3>
<p data-pid="tpm7tjdW">服务器用于是存储后期开发好的小程序源代码和数据库用的。前期去云服务器买个2000-4000元一年的即可，后期用户数大，可以随时升级。操作系统建议用Linux,安全稳定一些。</p>
<h3>3>SSL证书</h3>
<p data-pid="OdFzb8yD">这个是必须的。目前有免费的也可以用。</p>
<h3>4>认证公众号和小程序</h3>
<p data-pid="5oI6Y80t">这个大家都了解，提醒下路径：先去申请认证公众号，然后在公众号里面开通小程序认证。总共300元。</p>
<p data-pid="1wUn2fAt">很多小白问老张：“我认证开通了小程序，也交了300元了，怎么用小程序后台上传商品？”这个认证开通小程序类似我们手机的SIM卡，但仅仅有SIM卡还不行，还必须买个手机。那这个手机就是小程序的源代码和数据库，需要专门的小程序开发公司去开发的。</p>
<p data-pid="CmIfBWwE">还有一些朋友跟老张说：“怎么有的小程序公司，没有说要域名，服务器，SSL证书啊？”那是因为你用的是模板，没有源码和数据库，压根就用不到，所以别人没跟你说。</p>
<h2>三、微信小程序的设计开发</h2>
<h3>1>UI设计</h3>
<p data-pid="iCuD6QKa">所谓的UI设计，就是我们看到任何小程序都会有界面，版面布局，颜色，图标等等。那这其实就是UI设计师的工作。</p>
<p class="ztext-empty-paragraph"> </p>
<span class="RichText ztext CopyrightRichText-richText css-9scqi7"><span class="RichText ztext CopyrightRichText-richText css-9scqi7"><img width="600" class="origin_image zh-lightbox-thumb lazy lazyload" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="641" data-default-watermark-src="https://picx.zhimg.com/50/v2-1a5030475843c3698737837e055f6343_720w.jpg?source=1940ef5c" data-original="https://pic1.zhimg.com/v2-667fec41123bd5dff3eac3e2549015aa_r.jpg?source=1940ef5c" data-actualsrc="https://pic3.zhimg.com/50/v2-667fec41123bd5dff3eac3e2549015aa_720w.jpg?source=1940ef5c" data-lazy-status="ok" data-src="https://pic3.zhimg.com/80/v2-667fec41123bd5dff3eac3e2549015aa_1440w.jpg?source=1940ef5c"></span></span>
<p class="ztext-empty-paragraph"> </p>
<p class="ztext-empty-paragraph"> </p>
<h3>2>前端开发</h3>
<p data-pid="jORM43-R">前端开发，意思是把UI设计师设计的效果图还原成有代码的页面以及用户在小程序里面可以操作的按钮。比如搜索，购物车等等。</p>
<p class="ztext-empty-paragraph"> </p>
<span class="RichText ztext CopyrightRichText-richText css-9scqi7"><span class="RichText ztext CopyrightRichText-richText css-9scqi7"><img width="600" class="origin_image zh-lightbox-thumb lazy lazyload" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="559" data-default-watermark-src="https://pic2.zhimg.com/50/v2-6a2646247b30fa10f18b9d63824f005d_720w.jpg?source=1940ef5c" data-original="https://pic2.zhimg.com/v2-7b0b6fc19907d82be42eca4940c31776_r.jpg?source=1940ef5c" data-actualsrc="https://pic3.zhimg.com/50/v2-7b0b6fc19907d82be42eca4940c31776_720w.jpg?source=1940ef5c" data-lazy-status="ok" data-src="https://pic3.zhimg.com/80/v2-7b0b6fc19907d82be42eca4940c31776_1440w.jpg?source=1940ef5c"></span></span>
<p class="ztext-empty-paragraph"> </p>
<p class="ztext-empty-paragraph"> </p>
<h3>3>后台以及数据库</h3>
<p data-pid="FOspQq70">这个比较好理解。比如我们通过后台可以给小程序添加一些内容，可以查看每天有多少订单，有哪些会员等等。</p>
<p data-pid="yDvb52ur">数据库的作用主要是用于存储我们小程序里面的数据。</p>
<p data-pid="JPCyjYoD">如果您还用到一些API接口，还必须把API接口开发加入进去。</p>
<p class="ztext-empty-paragraph"> </p>
<span class="RichText ztext CopyrightRichText-richText css-9scqi7"><span class="RichText ztext CopyrightRichText-richText css-9scqi7"><img width="600" class="origin_image zh-lightbox-thumb lazy lazyload" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="494" data-default-watermark-src="https://pic1.zhimg.com/50/v2-79a9c2171d88ab534287e711700bf077_720w.jpg?source=1940ef5c" data-original="https://pic3.zhimg.com/v2-138250095b9b127126c830ae9457a4ab_r.jpg?source=1940ef5c" data-actualsrc="https://pic3.zhimg.com/50/v2-138250095b9b127126c830ae9457a4ab_720w.jpg?source=1940ef5c" data-lazy-status="ok" data-src="https://pic3.zhimg.com/80/v2-138250095b9b127126c830ae9457a4ab_1440w.jpg?source=1940ef5c"></span></span>
<p class="ztext-empty-paragraph"> </p>
<p data-pid="_mE1M4mn">四、微信小程序的上架开通</p>
<p class="ztext-empty-paragraph"> </p>
<p data-pid="Wu98Tdic">所谓上架审核，就是把您开发好的小程序前端代码，上传给小程序官方进行审核。这也是第一步资料准备里面需要的相关资质。</p>
<p class="ztext-empty-paragraph"> </p>
<p class="ztext-empty-paragraph"> </p>
<span class="RichText ztext CopyrightRichText-richText css-9scqi7"><span class="RichText ztext CopyrightRichText-richText css-9scqi7"><img width="600" class="origin_image zh-lightbox-thumb lazy lazyload" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="338" data-default-watermark-src="https://pic3.zhimg.com/50/v2-d052d24adbb8b72a2db2fb87e11f2795_720w.jpg?source=1940ef5c" data-original="https://pic2.zhimg.com/v2-c56003eae97420d7e0accbe229881f5f_r.jpg?source=1940ef5c" data-actualsrc="https://pica.zhimg.com/50/v2-c56003eae97420d7e0accbe229881f5f_720w.jpg?source=1940ef5c" data-lazy-status="ok" data-src="https://pica.zhimg.com/80/v2-c56003eae97420d7e0accbe229881f5f_1440w.jpg?source=1940ef5c"></span></span>
<p class="ztext-empty-paragraph"> </p>
<p data-pid="gc8TmO5r">如果您被审核通过，恭喜您完成了小程序的所有操作了。这就是微信小程序的开发流程</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><br><br>
来源：https://www.cnblogs.com/webSnow/p/16400611.html

頁: [1]

琼殿技术论坛's Archiver

如何开发微信小程序？