微信小程序開發系列二：微信小程序的視圖設計

Ryan_Li 發布于2019-08-23 12:29 / 1259人閱讀

摘要：安裝完畢后啟動微信開發者工具，會要求我們指定一個本地項目目錄和填寫微信小程序的。

我最近也剛剛開始微信小程序的開發，想把我自學的一些心得寫出來分享給大家。

這是第一篇，從零開始學習微信小程序開發。主要是小程序的注冊和開發環境的搭建。

首先我們要在下列網址申請一個屬于自己的微信小程序：

https://mp.weixin.qq.com/cgi-...

點擊按鈕“前往注冊”。注意我們需要使用一個沒有注冊過微信小程序或者微信公眾號的郵箱。我用的是網易郵箱。注冊之后，郵箱會收到一封激活郵件。

激活之后，就可以進入小程序主體信息登記頁面了。這里需要使用身份證號碼和手機驗證碼進行登記。

登記完畢之后，就可以進入微信開發者工具了。我選擇的是小程序項目：

這是我注冊的用于學習目的的微信小程序：

在開發管理->開發設計菜單里，找到我們剛才注冊的微信小程序的ID：抄下來，后面要用。

接下來，在下面這個鏈接去下載微信開發者工具：

https://developers.weixin.qq....

大家可以把它當成是一個集成開發環境（IDE）。

安裝完畢后啟動微信開發者工具，會要求我們指定一個本地項目目錄和填寫微信小程序的AppID。這個ID我們前一步已經抄下來了。

直接填進去，勾上“建立普通快速啟動模板”，然后微信開發者工具會自動幫我們創建一個Hello World版本的微信小程序資源文件出來。

自動創建好的小程序如下圖所示，就是一個Hello World的文本。

我們點擊“上傳"按鈕：

隨便維護一個版本號，比如1.0.0, 然后點擊”上傳“。

然后回到小程序管理后臺，能看到我們上面通過微信開發者工具上傳的1.0.0版本的小程序了。我們點擊”提交審核“右邊的下拉菜單，選擇”選為體驗版本“：

會生成一個體驗版的二維碼，這時發送給你的朋友，就可以使用這個小程序了。

當您的朋友在手機上掃描該二維碼，會看到如下界面：該小程序標注了"體驗版"的提示：

點擊"前往體驗版", 就能看到微信開發者工具自動生成的Hello World小程序了。

這個系列的下一篇文章，我會把我分析微信開發者工具自動生成的這些資源文件的心得分享給大家。

要獲取更多Jerry的原創技術文章，請關注公眾號"汪子熙"或者掃描下面二維碼:

云服務器 GPU云服務器微信小程序開發程序微信小程序開發微信小程序的開發微信小程序開發語言

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98612.html

前端資源系列（3）-微信小程序開發資源匯總

摘要：微信小程序應用號開發資源匯總文檔工具教程代碼插件組件文檔從搭建一個微信小程序開始小程序開發文檔小程序設計指南工具小程序開發者工具官方支持微信小程序實時預覽的支持的微信小程序組件化開發框架轉在線工具小程序云端增強社區微信小程序微信(小程序or應用號)開發資源匯總-文檔-工具-教程-代碼-插件-組件文檔從搭建一個微信小程序開始小程序開發文檔小程序設計指南工具小程序開發者...

paney129 2019-08-20 11:14 評論0 收藏0
微信小程序開發教程(基礎篇)7-數據綁定上

摘要：在之前的教程中寫到，微信小程序框架將程序分為邏輯層文件和視圖層文件。關于數據綁定的更多講述，敬請期待微信小程序開發教程基礎篇數據綁定下在之前的教程中寫到，微信小程序框架將程序分為邏輯層(.js文件)和視圖層(.wxml文件)。這是一種常見的UI和邏輯分離的程序設計方式，開發出來的程序更加靈活，易擴展。這種程序設計方式通常要解決兩個問題: UI層響應邏輯層邏輯和數據的變化UI層將用戶...

I_Am 2019-08-21 15:01 評論0 收藏0
微信應用號（小程序）資源匯總（1010更新）

摘要：微信應用號小程序資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 wechat-weapp-resource 微信應用號（小程序）資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 showImg(https://segmentfault.com/img/remote/1460000...

趙春朋 2019-08-29 11:20 評論0 收藏0