小程序開發(fā)者工具打開后不出畫面(如何使用HBuilderX開發(fā)微信小程序)

:

小程序可以綁定阿里云域名嗎

1.登錄小程序，獲取AppID下載安裝開發(fā)工具。下載后使用管理員或綁定開發(fā)微信掃碼登錄。

2.開發(fā)工具安裝完成后，打開使用微信掃碼登錄。選擇“項(xiàng)目”。項(xiàng)目創(chuàng)建成功后，我們可以點(diǎn)擊它，進(jìn)入并看到完整的一個(gè)開發(fā)工具界面，點(diǎn)擊左側(cè)導(dǎo)航，我們可以在“編輯”中查看和編輯我們的代碼，在“調(diào)試”中界面。

3.搭建一個(gè)微信小程序的服務(wù)器環(huán)境。(以阿里云服務(wù)器為例)

4.登錄阿里云，設(shè)置遠(yuǎn)程連接服務(wù)器(瀏覽器操作太別扭)?？刂婆_找到自己的輕量級應(yīng)用服務(wù)器或者阿里云ecs服務(wù)器，設(shè)置遠(yuǎn)程連接密碼。使用ssh工具連接到服務(wù)器并安裝所需的環(huán)境：(node.js，nginx，mysql5.7)

5.服務(wù)器使用工具軟件已安裝。在下面導(dǎo)入ssl證書。

6.上傳證書后，可以開始配置Nginx，進(jìn)入服務(wù)器的/etc/nginx/conf.d目錄，新建一個(gè)weapp.conf文件，將文件復(fù)制到本地，打開編輯配置。配置成功后，進(jìn)入nginx，回車啟動(dòng)Nginx。

7.登錄小程序官網(wǎng)，配置備案的服務(wù)器域名，將服務(wù)器的代碼上傳到服務(wù)器上的/data/release/weapp目錄。配置成功后可以開發(fā)自己的小程序。

:

開發(fā)工具使用

1.打開新下載安裝的微信 web開發(fā)工具，使用微信掃碼登錄，創(chuàng)建、打開或?qū)腠?xiàng)目。

2.新項(xiàng)目小程序。AppID可以注冊微信 Public平臺，也可以直接選擇使用測試。后端服務(wù)暫時(shí)不使用云服務(wù)，會新建一個(gè)項(xiàng)目。將成功創(chuàng)建第一個(gè)項(xiàng)目小程序。

3.打開后微信開發(fā)工具可以看到界面界面版面由欄目工具，模擬器，編輯器，調(diào)試器組成。

如何使用HBuilderX開發(fā)微信小程序

1，微信開發(fā)工具成功啟動(dòng)后界面：

2.選擇小程序項(xiàng)目，點(diǎn)擊新打開窗口右下角的“”打開新建項(xiàng)目向?qū)В?

3.項(xiàng)目目錄設(shè)置為HBuilderX中新建的項(xiàng)目根目錄。

4.在微信開發(fā)工具中，點(diǎn)擊左上角的“編譯器”關(guān)閉微信編譯器；如果暫時(shí)不需要調(diào)試，也可以關(guān)閉調(diào)試器，只保留模擬器。

5.拖動(dòng)HBuilderX和微信開發(fā)工具的位置，如下：左邊是HBuilderX的編輯器部分，右邊是小程序的模擬器部分。

:

如何上傳字節(jié)跳動(dòng)小程序前端代碼

1.安裝系統(tǒng)后臺抖音小程序補(bǔ)丁文件，

2.下周字節(jié)跳動(dòng)開發(fā)工具【字節(jié)跳動(dòng)開發(fā)工具】(3359 microapp . byte dance . com/dev/cn/mini-app/develop/developer-/developer-)

3.下載后，修改前端包文件project.config.json

4.修改文件siteinfo.js

5.打開開發(fā)工具[字節(jié)跳動(dòng)開發(fā)工具]并點(diǎn)擊導(dǎo)入。

6.選擇剛才修改的小程序前端代碼加載，小程序第一次加載速度會比較長，預(yù)計(jì)15分鐘左右。

7.加載后點(diǎn)擊上傳代碼。