搜尋
首頁微信小程式小程式開發微信小程式開發基礎篇之初識(1)

這篇教學是微信小程式開發教學的第一篇,我會簡單介紹下微信小程式開發相關的一些基本知識

取得AppID

如果你是收到邀請的開發者,我們會提供一個帳號,利用提供的帳號,登入mp.weixin.qq.com ,就可以在網站的「設定」-「開發者設定」中,檢視到微信小程式的AppID 了,注意不可直接使用服務號碼 或訂閱號碼的AppID 。

上述內容來自微信的官方教學。根據微信官方的說法,目前只開放了200個AppID(部落客自然是沒有的)。不過不用擔心,AppID只在我們需要將程式上傳到真機時才會有影響,大部分情況下,它不會影響我們學習開發微信小程式。

取得開發工具

微信專門為開發微信小程式發布了一款開發工具,大家可以從微信開發工具下載。微信發佈了windows64,windows32,mac3個版本,下載對應版本後安裝即可。部落客安裝的window64版本,後續的教學都會依據此版本。

安裝完成後首次開啟介面如下:

微信小程式開發基礎篇之初識(1)

#微信開發工具

掃碼登入
啟動工具時,開發者需要使用已在後台綁定成功的微信號掃描二維碼登錄,後續所有的操作都會基於這個  微信帳號

首次打開需要使用微信掃碼登錄,登入後便可以建立項目了。

微信小程式開發基礎篇之初識(1)

建立專案

APPID這裡選擇"無AppID",填入專案名稱,選擇專案目錄,點選新增專案。
注意這裡的專案名稱不是小程式的名稱哦

之後便是開發介面。可以看到開發工具設計的非常簡潔,但是功能卻很強大,包含了程式碼編輯,調試,發布(需要AppID)等功能 。一切順利的話,點選偵錯按鈕,在工具左上區域會看到一個Hello World歡迎介面:

微信小程式開發基礎篇之初識(1)

#第一個介面

如果無法正常顯示此頁面,選擇設定->不使用任何代理,勾選後直連網路,確定後點選左側重啟按鈕,應該就能正常顯示了。

以上是微信小程式開發基礎篇之初識(1)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具