首頁  >  文章  >  微信小程式  >  Ionic微信開發之環境配置的說明

Ionic微信開發之環境配置的說明

高洛峰
高洛峰原創
2017-03-08 16:34:532113瀏覽

在開發微信版的H5頁面時,如果需要正常調用微信公眾號的開放介面(測試或發布情況),根據官方要求需要保證網頁網域和後端維護的一致性。因此,進行真服測試就顯得很有必要。 WebStorm提供了即時遠端部署的方式,即利用SFTP的方式,當每次修改程式碼時,自動將程式碼自動同步到伺服器上。這樣在微信測試過程中可以成功呼叫開發介面的功能。

步驟如下:

1、進入WebStorm,選擇File—New Project From Existing Files。在彈出的對話方塊中選擇Web server is on remote host,files are accessible via FTP/SFTP/FTPS。

 Ionic微信開發之環境配置的說明

2、填入專案的名字,以及需要遠端偵錯的專案的本機路徑。

Ionic微信開發之環境配置的說明

3、選擇現有的遠端sftp,或是新一個sftp(需要後端提供支援)

Ionic微信開發之環境配置的說明

4、類型選擇SFTP,並填入遠端位址,連接埠號,以及存放的路徑。最後填寫FTP的使用者名稱和密碼,並點選Save Password儲存密碼。

Ionic微信開發之環境配置的說明

5、為了確保每次修改程式碼都能自動上傳,請確認Preferences設定中的Deployment/Options下的Upload changed files automatically to the default server勾選Always

 

Ionic微信開發之環境配置的說明

6、上述勾選的文字明確表述了,會自動上傳到預設伺服器,因此需要確保選擇了一個預設伺服器。點擊Deployment,選取一個伺服器配置,並點擊綠色小勾設定它成為預設伺服器。完成後點選Apply應用。

Ionic微信開發之環境配置的說明

7、設定成功的標誌是:每次修改程式碼儲存後,可以看到檔案傳輸控制台的上傳日誌

Ionic微信開發之環境配置的說明

 

現在可以盡情的享受真實環境下的微信公眾帳號二次開發了!

 

以上是Ionic微信開發之環境配置的說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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