03.02 微信小程序實戰001:搭建開發環境

什麼是小程序

小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想;用戶掃一掃或搜一下即可打開應用,也體現了“用完即走”的理念。它幾乎不佔用戶設備的內存空間,也不會出現安裝太多的應用而導致系統內存不足的現象。小程序不僅提高的用戶的應用體驗,也方便了應用的傳播。

微信小程序實戰001:搭建開發環境

​如何訪問小程序

用戶可以通過多種方式來訪問小程序,最快捷的就是在微信首頁下拉頁面就可以找到最近使用過的小程序。如果你要訪問指定小程序則可以通過微信搜索,微信搜索不僅可以在首頁搜索也可以在發現欄目下方的小程序選項中搜素;還有就是通過掃描小程序的二維碼進行訪問,也可以長按小程序二維碼來識別進入小程序。

微信小程序實戰001:搭建開發環境

​註冊小程序

在開發之前我們需要先來註冊一個小程序賬號,進入“微信公眾平臺”進行註冊。這裡需要注意的是郵箱必須未被微信公眾平臺註冊,未被微信開放平臺註冊,未被個人微信號綁定的才有效。提交之後登錄你註冊用的郵箱,會收到一個條“請激活你的微信小程序”的郵件,點擊郵件中的激活鏈接去完善“信息登記”即可激活賬戶。

微信小程序實戰001:搭建開發環境

​ 獲取AppID

登錄小程序賬號之後我們需要先填寫“小程序信息”,然後可以在左側菜單欄中找到“開發”選項,點擊進入該欄後進行點擊tab中的“開發設置”選項就可以看到屬於我們的AppID,這是微信公眾平臺上的小程序ID。微信通過它來確定小程序“身份”及提供相應的功能接口。

微信小程序實戰001:搭建開發環境

在“微信官方文檔·小程序”的開發頁面中我們可以找到“工具”選項,選擇適合自己電腦系統版本的進行下載(這裡我用的是Windows 64),雙擊運行下載好的軟件然後“下一步”到底即可,安裝完開發者工具後會自動在桌面添加“微信開發者工具”快捷圖標。通過點擊“微信開發者工具”圖標打開微信小程序開發工具,然後用自己的微信軟件掃描二維碼登錄,進入微信web開發者工具。

微信小程序實戰001:搭建開發環境

​ Hello Word

用你註冊小程序的微信賬號掃碼登錄“微信開發者工具”就可以開始創建小程序項目了,下面是“微信開發者工具”打開項目之後的顯示界面。有沒有發現官方工具中的代碼編輯功能很弱,只有基本的代碼編輯功能根本無法滿足撐項目快速開發的需求。

微信小程序實戰001:搭建開發環境

​IDE集成開發環境

不過調及試預覽功能還是很強大的,所以我們可以使用“微信開發者工具”再搭配一款IDE來一起開發。我個人比較喜歡的前端開發工具是VSCode,VSCode是一款免費開源的輕量級跨平臺代碼編輯器,集成了大部分代碼編輯的器的優點,集成GIT、代碼調試、語法高亮。最主要是擁有強大豐富的插件系統,幾乎支持所有主流的開發語言且運行穩定,系統內存佔用率低非常適合搭建IDE。

微信小程序實戰001:搭建開發環境

​總結:

以上內容是小編給大家分享的微信小程序實戰001:搭建開發環境,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。


分享到:


相關文章: