uniapp開發微信小程序流程（uni app開發小程序）
本篇文章給大家談談uniapp開發微信小程序流程，以及uni app開發小程序對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
- 1、uniapp 微信小程序打包發布
- 2、uniapp 微信小程序打包發布流程
- 3、uniapp：微信小程序獲取用戶手機號
- 4、uniapp開發微信小程序富文本編輯器（樣式仿騰訊文檔）
- 5、利用uniapp開發小程序云函數
- 6、uni-app 微信小程序獲取手機號并解密
uniapp 微信小程序打包發布
選中項目-點擊發行（U）- 小程序-(微信僅適用于uniapp)（W）
填寫微信小程序名稱和微信小程序Appid
點擊發行
項目會進入編譯中編譯完成后，回啟動微信開發者工具
使用小程序賬號掃碼：
登錄微信公眾號平臺
再次提交審核即可，審核通過后，就可以去微信中去搜索你的小程序了
uniapp 微信小程序打包發布流程
注冊小程序相關 u;/u
創建uni-app小程序官網很詳細
u;/u
開發工具
微信小程序穩定版
地址：
hBuilderx app開發版
地址:
1.在微信小程序后臺
登錄安眾云培訓小程序賬號密碼
配置線上合法域名
登陸微信公眾平臺–開發----開發設置—服務器域名
添加項目用到的域名
等待審核版本通過 會出現 點擊發布按鈕 進行發布
小程序發布完成~
uniapp：微信小程序獲取用戶手機號
1. 后端獲取“接口調用憑證”（后面會用到）
后端可以創建一個定時任務，從微信持續獲取“接口調用憑證”并放入緩存；調用絕大多數微信后臺接口時都需使用 access_token ，開發者需要進行妥善保存。
2. 前端發起獲取手機號接口
需要一個button按鈕，讓用戶主動去觸發并調起獲取手機號接口；當用戶點擊并同意之后，可以通過 bindgetphonenumber 事件（在uniapp中@getphonenumber）回調獲取到動態令牌code。
3. 前端將code傳給后端，后端用code調用微信后臺接口獲取手機號
如題，前端把code傳給后端，后端調用微信接口，用 acces_token 和 code 獲取用戶手機號。
獲取手機號
phonenumber.getPhoneNumber
auth.getAccessToken
uniapp開發微信小程序富文本編輯器（樣式仿騰訊文檔）
照著騰訊文檔小程序開發了微信小程序富文本編輯器組件，這幾天做個整理，如有這個需求可以前往騰訊文檔小程序操作看看實際效果。畢竟參照的是微信自家小程序，無法做到百分百效果，只能按現有開放api盡可能實現。
項目地址：
uniapp插件市場：
editor富文本編輯器組件官方文檔：
否則會受到小程序css影響。小程序本身editor標簽有css樣式：
editor {
display: block;
position: relative;
box-sizing: border-box;
-webkit-user-select: text;
user-select: text;
outline: 0;
overflow: hidden;
width: 100%;
height: 200px;
min-height: 200px;
}
that.updatePosition(keyboardHeight)
that.editorCtx.scrollIntoView()
在插入目標文字時，將值設為\n'，可以實現換行
this.editorCtx.insertText({ text: '\n' });
參考：請問editor組件控制拉起鍵盤操作支持嗎？
小程序技術專員-sanford 2019-09-20
不支持的。iOS無法通過接口拉起鍵盤，必須用戶點擊；安卓則可以。所以，終究是不一致，不行。。
該組件主要為微信editor組件的api調用集成封裝，因此受到的限制同文檔描述一致，即編輯器內支持部分 HTML 標簽和內聯樣式，不支持class和id，支持的標簽詳見： 。
不滿足的標簽會被忽略，div會被轉行為p儲存。
這也是為什么在做富文本解析時，僅僅用rich-text組件無法有效還原html內容，在解析內容的時候就需要將內容中的HTML標簽轉換成微信小程序所支持的標簽。因此最好方式是引入市場封裝好的富文本解析插件去解析html。
所以，開發者需要自行權衡在做富文本編輯開發時，是否使用微信自帶的editor組件，或者參考騰訊文檔小程序采用webview內嵌網頁等方式去渲染。
小程序富文本編輯器editor初體驗：( )
如果是微信原生開發，將demo組件中的相關dom元素標簽和api換成微信原生即可。
利用uniapp開發小程序云函數
config.json：
index.js:
package.json：
安裝依賴包后啟動項目即可打開微信開發者工具
注意：這里上傳云函數可能失敗。
解決：關閉微信工具并重開，再次上傳即可。
個人建議，若要開發云函數，最好直接在小程序中開發，在uniapp中開發不僅麻煩且其它平臺不通用。
uni-app 微信小程序獲取手機號并解密
1、 點擊某個按鈕，彈出請求微信授權界面。
2、點擊允許按鈕，獲取用戶微信綁定的手機號與openId
3、 請求后端接口，實現登錄。
微信公眾平臺---登陸---開發---開發管理---開發設置 查看APPID、secret
在把上面獲取的appid session_key encryptedData iv傳入以下方法中，得到最后解密的信息
解密后的信息
uniapp開發微信小程序流程的介紹就聊到這里吧，感謝你花時間閱讀本站內容，更多關于uni app開發小程序、uniapp開發微信小程序流程的信息別忘了在本站進行查找喔。
