前言
大家好，我是 BNTang, 在上一節文章中，我給大家詳細的介紹瞭如何將我開發好的專案打包為網頁。
趁熱打鐵，在來一篇文章，給大家詳細的介紹如何將專案打包為小程式。
正文
- 開啟微信小程式呢，其實還是需要進行一些相關的配置的
- 首先開啟微信小程式的配置頁面找到
manifest.json檔案 - 開啟
manifest.json之後找到微信小程式配置
配置微信小程式AppID
- 在微信開發者工具中申請獲取
- 我們的專案打包，上傳到微信小程式中，需要告訴微信小程式開發者是誰，所以說需要配置一下AppID
- 然後將
ES6轉換ES5/上傳程式碼時樣式自動補全/上傳程式碼時自動壓縮都勾選上
配置完畢之後呢，就可以進行發行了，點選 HBuilderX 工具欄中的 發行 -> 小程式-微信(僅適用於uni-app)：
點選了之後再彈出來的彈框中，只要你之前配置好了微信小程式的內容，會自動為你填充，直接點發行：
打包之後會自動給你開啟微信小程式開發工具：
當我執行起來之後發現，輸入框的樣式有問題，我來一張圖來對比一下網頁VS小程式：
尺寸和網頁版的不一樣，不對的話這裡我需要修復一下，這裡就是 UniApp 的一些坑。
UniApp 的坑
- UniApp 看上去比較方便，其實內部的問題還是比較多的
- 那麼遇到這種問題我們該如何去解決呢？
比較傳統的方式就是百度，可以問AI，等等，因為這裡我已經百度詢問過了，就不用去百度了，已經有經驗了，我直接給大家上程式碼解決方案即可。
解決方式很簡單就是將我之前寫的 height: 30%;，改為 min-height: 180rpx; 即可：
- 重新發行，檢視效果：
釋出小程式
透過如上內容之後就沒問題了，都沒問題之後，就可以釋出了，點選微信小程式工具中，右上角的詳情，可以針對自己的專案，進行一些相關的配置，因為我們自己的這個專案沒有訪問網路，所以我是不需要配置的。
如果需要訪問網路就可以進行配置一下相關內容。
都弄完之後只需要點選微信小程式工具中，右上角的 上傳:
上傳之後在回到小程式的官網：https://mp.weixin.qq.com/，登入自己的賬號，選擇小程式登入而不是公眾號，關於賬號的註冊等知識這裡不介紹：
登入之後，找到管理選單中的版本管理：
體驗版本
首選是設定為體驗版本：
點選提交：
提交之後，他會給你一個二維碼，這個時候你就可以掃碼進行體驗你的小程式了：
提交稽核
體驗完畢之後就可以提交稽核了，提交稽核前需要設定小程式上線主營類目功能，然後才可以進行提交，小程式上線主營類目功能這裡不介紹大家自行了解。
如果稽核透過了會跑到稽核版本當中：
釋出版本
釋出之後就變成線上 App 正在使用的版本了：
End
- 如果你有任何問題或建議，歡迎在下方留言，我會盡快回復
- 如果你覺得本文對你有幫助，歡迎點贊、收藏，你的支援是我寫作的最大動力
