小程序后臺上線「優(yōu)先使用本地版本設置」功能最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>開發(fā)者可通過小程序管理后臺設置—>功能設置—>優(yōu)先使用本地版本設置,配置發(fā)布新版本后,是否讓用戶優(yōu)先使用本地版本。如果成功設置優(yōu)先使用本地版本,當用戶使用小程序時,客戶端會優(yōu)先打開本地版本代碼包,同時異步下載最新版本的代碼包,便于用戶能夠快速打開小程序,降低打開失敗率,同時不阻礙用戶使用到最新版本的情況。
小程序后臺上線「優(yōu)先使用本地版本設置」功能最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>這些微信小程序類型需要設置訂單中心頁最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>需設置訂單中心頁的小程序類型
針對同時滿足以下條件的小程序,開發(fā)者需在小程序內(nèi)設置訂單中心頁并將對應 path 同步給平臺
1、實際經(jīng)營類型為電商平臺、商家自營、生活服務等涉及線上支付的小程序,購買對象為實物、虛擬商品或線下 / 線上服務等;
2、小程序內(nèi)的交易涉及選擇商品 / 服務 – 下單 – 支付的完整流程。
涉及的小程序類目如下:
這些微信小程序類型需要設置訂單中心頁最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>微信小程序渲染框架更新以及打開半屏小程序接口調(diào)整通知最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>小程序渲染框架更新
微信團隊在 WebView 渲染的基礎上,更新 小程序渲染框架,提供更多貼近原生用戶體驗的新能力。近期重點更新能力如下:
打開半屏小程序接口增加 tap 事件觸發(fā)時機要求
從基礎庫 2.28.1 版本起,對調(diào)用 打開半屏小程序接口(wx.openEmbeddedMiniProgram)增加 tap 事件觸發(fā)時機,即用戶手動點擊觸發(fā)方可成功調(diào)用打開半屏小程序接口。對于非 tap 事件觸發(fā)的接口調(diào)用,將自動切換為普通的小程序跳轉(zhuǎn)小程序。
微信小程序渲染框架更新以及打開半屏小程序接口調(diào)整通知最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>微信小程序調(diào)用附近 Wi-Fi接口需獲取用戶授權最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>若用戶未授權位置信息,回調(diào)結(jié)果將顯示 12006 的錯誤碼及 “auth deny” 的錯誤提示,不再返回附近 Wi-Fi 列表的信息。以上調(diào)整將對 iOS 和安卓全量客戶端版本生效;同時對所有小程序、小游戲和插件生效。請開發(fā)者關注并適配用戶授權情況,避免對業(yè)務造成影響。
微信小程序調(diào)用附近 Wi-Fi接口需獲取用戶授權最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>微信小程序如何獲取省市區(qū)信息最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>小程序獲取省市區(qū)信息代碼示例
1、通過wx.getLocation來獲取用戶的實時位置信息,里面會包含經(jīng)緯度。
wx.getLocation({
success:function(res){
_this.getDistrict(res.latitude,res.longitude)
},
})
2、調(diào)用地圖所對應的請求地址,無論是騰訊、百度、高德都可以,一般需要申請Key,再添加應用即可,如下所示。
3、設置域名,在后天添加相應域名。
4、代碼部分
wxml
js
微信小程序如何獲取省市區(qū)信息最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>8月微信小程序開發(fā)能力更新匯總最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>1、小程序渲染框架升級
為了進一步優(yōu)化小程序性能、提供更接近原生的用戶體驗,微信團隊在 WebView 渲染的基礎上,優(yōu)化渲染框架。該框架使用更精簡高效的渲染管線,同時在 AppService 中劃出一個獨立的上下文,運行之前 WebView 承擔的 JS 邏輯、DOM 樹創(chuàng)建等邏輯,實現(xiàn)更優(yōu)秀的特點:
更高的渲染性能:更精確控制節(jié)點渲染,保證更高的渲染性能,首次渲染耗時減少 66%
更低的內(nèi)存占用:僅有 AppService 線程,降低內(nèi)存占用,實現(xiàn)頁面內(nèi)存占用減少 35% 以上
更快的樣式計算:通過精簡 WXSS 特性大幅簡化樣式計算的流程,實現(xiàn)更快的樣式計算性能
更高的組件性能:內(nèi)置組件的行為更接近原生體驗,提供更好的性能和交互體驗
更豐富的擴展能力:支持 Worklet 動畫、手勢系統(tǒng)等重要的組件能力,滿足交互開發(fā)需求
2、root-portal 組件
使整個子樹從頁面中脫離出來,類似于在 CSS 中使用 fixed position 的效果。主要用于制作彈窗、彈出層等。
示例:
3、scroll-view 支持配置 passive
示例:
8月微信小程序開發(fā)能力更新匯總最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>微信小程序支持設備 Wi-Fi 配網(wǎng)能力 3步完成連接最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>平臺表示,遠程控制家居設備能夠及時解決不少突發(fā)問題,提前安排生活起居,提升生活質(zhì)量。設備Wi-Fi配網(wǎng)便是遠程控制設備的重要前提。沒有連接網(wǎng)絡的設備就無法與用戶通過移動端交互,實現(xiàn)想要的操作。
以下是具體操作流程:
1、獲取Wi-Fi信息
設備配網(wǎng)第一步需要找到網(wǎng)絡,分別獲取家庭及設備的Wi-Fi信息:
Wi-Fi名稱:通過wx.getWifiList獲取附近Wi-Fi列表信息,獲取對應Wi-Fi的SSID
Wi-Fi密碼:提供輸入框,便于用戶自主輸入
2、小程序連接設備Wi-Fi
具備網(wǎng)絡信息后,小程序需要連接設備Wi-Fi,否則將不具備操控設備的能力。
利用已有的設備SSID與Wi-Fi密碼,開發(fā)者通過wx.connectWifi將小程序連接到設備Wi-Fi,實現(xiàn)小程序與設備處于同一個局域網(wǎng),便于后續(xù)數(shù)據(jù)傳輸。
3、建立TCP通信
完成1、2步驟后,設備成功與小程序關聯(lián),但是無法上網(wǎng),因此開發(fā)者需要進行TCP通信,讓小程序?qū)⒓彝i-Fi名稱和密碼傳遞給設備,便于設備通過家庭Wi-Fi信息成功配網(wǎng),最終實現(xiàn)小程序通過網(wǎng)絡遠程控制設備。
通過以上3步操作,小程序開發(fā)者即可實現(xiàn)設備Wi-Fi配網(wǎng)能力,遠程控制設備,提升生活便利性。
微信小程序支持設備 Wi-Fi 配網(wǎng)能力 3步完成連接最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>微信小程序海報如何生成?有哪些應用場景最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>1、小程序的海報功能
小程序不僅支持生成商品海報,也同樣適用于生成首頁海報,可以助力商家活動推廣,也可以作為日常默認設置開啟分享海報功能,讓小程序的分享方式更為豐富直接。
小程序開發(fā)者可以使用canvas 接口來創(chuàng)建和繪圖,也就是把小程序二維碼插入到圖片的海報效果。大致開發(fā)流程如下:
Canvas繪圖—>Canvas新建畫布背景—> Canvas繪制圖像插到畫布—>Canvas繪制二維碼,文字插到畫布。
這里注意:建議插入本地圖片,如果是網(wǎng)絡圖片, 要使用wx.getImageInfo生成一個本地的暫存路徑保存在本地緩存中,再通過drawImage才能將圖片繪制在 canvas上。
2、海報功能的常見應用場景
①適用于線下門店在活動期間擺放展示活動海報,比如爆款商品/新品第二杯半價等,讓客戶掃碼下單的同時培養(yǎng)小程序消費行為習慣,再比如活動報名等等。
②以買家用戶身份瀏覽商品詳情頁時,點擊分享按鈕自動生成海報,分享給其他好友或朋友圈。③適用于店鋪營銷活動,如秒殺、團購等活動商品,方便用戶分享傳播。
④小程序商家做活動前,可以把商品/首頁海報放入自己的公眾號推文中,來一波推廣求關注,吸引用戶提前關注加入購物車及產(chǎn)生分享行為。
⑤在活動期間,均可以提供海報給合作方推廣宣傳,如提供給當?shù)卮骎公眾號/自媒體等。
分享后海報效果展示:
以上就是微信小程序海報的內(nèi)容介紹,小程序海報不需要小程序商家或開發(fā)者具有美術功底,只需要提供簡單的文字編輯和相關圖文,就可以輕松制作出具有圖文+文字簡介+二維碼的海報頁面。小程序海報傳播效果更好更快,非常適用于移動端用戶群體。
微信小程序海報如何生成?有哪些應用場景最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>微信小程序獲取地理位置失敗的原因及解決方法最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>微信小程序獲取用戶地理位置失敗的原因主要有兩點:
1、用戶未給小程序授權地理位置信息
解決方法:每個用戶習慣都不一樣,有些用戶可能在打開微信小程序獲取地理位置的彈窗彈出時沒有點允許或同意,建議彈窗出來的時候點擊允許。
2、系統(tǒng)設置中地理位置為開啟或系統(tǒng)未給微信授權
解決方法:在獲取地理位置信息失敗后,判斷用戶是否有為小程序授權地理位置,如果未授權,則是第一個原因,打開地理位置授權即可;但是進入了fail函數(shù),并且已有地理位置授權,說明是第二個原因,需要用戶在系統(tǒng)設置中打開定位和授權。代碼如下:
// 調(diào)用地理位置授權
getLocation() {
const that = this;
wx.getLocation({
type: ‘gcj02’, // 默認為 wgs84 返回 gps 坐標,gcj02 返回可用于 wx.openLocation 的坐標
isHighAccuracy: true,
success(res) {
that.data.query.lat = res.latitude;
that.data.query.lon = res.longitude;
that.getData();
},
fail(err) {
wx.getSetting({
success(res) {
if (!res.authSetting[‘scope.userLocation’]) {
util.showToastTip(‘授權失敗,請重新授權’, ‘none’);
that.setData({
viewStatus: “noauth”
});
}else{
util.showToastTip(‘請在系統(tǒng)設置中打開定位服務并下拉刷新列表’, ‘none’);
}
}
})
}
});
},
微信小程序獲取地理位置失敗的原因及解決方法最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>微信小程序接入視頻號直播賣貨操作指引最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>1、視頻號接入條件
(1)完成自定義組件的接入/完成標準版組件的接入;
(2)完成視頻號場景所需要的商戶號、接口的申請和接入;
(3)小程序中需要具備基本的客服和售后能力,且需要通過更新商家信息接口完成客服的更新,才可以正常上傳商品。
2、接入后功能介紹
(1)可在視頻號場景實現(xiàn)商品展示和帶貨等功能
(2)支持更多直播營銷玩法(券、秒殺、預售等)
(3)支持小程序客服組件,商家能更方便收到用戶的客服咨詢
(4)訂單中心顯示更完善的訂單信息,用戶可自行查看訂單狀態(tài)
(5)支持用戶在視頻號訂單中心繼續(xù)付款、發(fā)起售后
3、接入標準
(1)適用商戶范圍:小程序開發(fā)者為國內(nèi)非個人主體(即企業(yè)、個體工商戶)開發(fā)者;
(2)適用小程序類目:商家自營、IT科技、旅游、電商平臺、生活服務、房地產(chǎn)等多個類目;
(3)適用標準:小程序需要在半年內(nèi)無嚴重違規(guī)(包括但不限于違法犯罪、欺詐、無照經(jīng)營、侵權、風險交易、銷售禁售商品、銷售不具備資質(zhì)商品、假貨等違規(guī)類型)。
4、接入方式
標準版交易組件和自定義版交易組件二選一
5、接入流程
(1)標準版交易組件
接入流程較為簡單,開通標準版交易組件后,完成開店任務,接入并開發(fā)即可。
具體教程可參考:《微信小程序標準版交易組件接入視頻號教程》
(2)自定義版交易組件
方式一:自行接入
自行接入需要小程序商家擁有一定開發(fā)能力,按照平臺規(guī)定操作步驟完成測試和接入,完成流程圖如下:
具體教程可參考:《微信小程序自定義版交易組件接入教程》
注意接入時效:整個接入流程需要5-15個工作日不等,建議提前準備商品的品牌、資質(zhì)、類目信息,與開發(fā)調(diào)試并行,避免耽擱直播帶貨計劃。
方式二:服務商接入
即通過服務商開發(fā)制作小程序,由服務商提供功能接口,小程序商家在服務商引導下開通配置自定義版組件即可完成接入。
注意:服務商也需要二次開發(fā)才能釋放該接口,在選擇服務商之前要確定是否能夠提供此能力。
6、常見問題匯總
Q1:自定義版交易組件和視頻號直播帶貨的關系
A1:自定義版交易組件是小程序進行視頻號直播帶貨的基礎,通過接入自定義版交易組件,并通過視頻號直播帶貨場景的審核后,小程序就擁有了可以綁定視頻號并進行直播帶貨的權限。
Q2:自定義版交易組件如何在視頻號直播帶貨中使用
A2:綁定視頻號后,視頻號帶貨列表只能拉取到通過自定義版交易組件上傳并通過審核的商品,用戶在視頻號場景下單的時候,小程序需要調(diào)用交易組件的下單接口,按照要求完成用戶的支付購買,支付購買后,需要按照要求更新物流及售后情況,任何在直播間產(chǎn)生的訂單都屬于直播訂單。
Q3:視頻號直播中下單了非上傳的商品的處理方式
A3:使用訂單接口將訂單中的商品的必傳項按照要求做實時上傳,按照自定義版交易組件的下單流程進行下單并校驗,通過后才可以完成支付,在此之間,商品不需要提前進行審核。
微信小程序接入視頻號直播賣貨操作指引最先出現(xiàn)在微信小程序觀察網(wǎng)。
]]>