手機H5網站改成小程式,h5網站轉換成微信小程式
由於小程式使用方便,使用者不安裝就能使用,而且可以在公眾號文章中嵌入小程式,快速提高轉化率。
一些人給王老師留言“我們公司以前做好了網站,有沒有方法,可以把網站轉化成小程式呢” 答案是肯定的,下面來說說怎麼把網站生成小程式。
一、 html5網站轉小程式要用到的元件在小程式基礎庫版1.6.4後,微信團隊提供了一個新元件web-view,在web-view中可以顯示你的html5網頁。
二、 html5網站生成小程式流程下面講講網站生成小程式的主要流程2-1) 把網站從http升級到https小程式為了安全,不允許http的網頁在web-view顯示,需要你先把網站升級到https。
2-1)首先購買一個ssl安全證書(有免費的可以申請),然後根據你伺服器的環境,按照下面的教程進行配置就行。
注意:你的網站想要升級到https,你的網站必須要求是VPS或者伺服器型別,
如果你的網站只是虛擬空間,是無法升級到https的,因為虛擬空間型別的網站許可權不夠。
2-2) 進行小程式開發,把網站打包到小程式網頁封閉成小程式的開發,主要是怎麼使用小程式web-view元件,
2-3) 把小程式原始碼上傳稽核開發完後,就可以把小程式原始碼上傳到微信伺服器稽核,通過稽核後,就能使用小程式了。
三、 html5網站生成小程式要注意的地方
3-1) 直接轉換無法使用微信支付如果你的網站,原來可以進行微信支付,網站直接做成的小程式,是不能再使用的,因為小程式跟微信公眾號開發還是有一點區別的,在小程式裡,只能開啟小程式支付。可以通過開發的方法,讓html5網站在小程式裡也能夠使用小程式支付。
3-2) 對3D網站支付不怎麼好如果你的網站使用了大量的js 3D效果,你的網站改成小程式後,有些效果無法顯示,因為小程式在自己的框架對js做了封閉,有些js函式無法使用,特別是3D方面的。如果你的網站是全景圖,3D動畫,網頁遊戲之類的,要慎重考慮。
3-3) 效能有損失網站小程式web-view元件,需要把網頁所有的資源載入過來,而且這些資源是在你自己的web伺服器上,小程式載入過來後再渲染,效能會損失,如果你的小程式使用者數量巨大,特別明顯。
你可以自己開發把網站轉化成小程式,也可以讓我們幫你把網站放到小程式裡
(如果你的網站已經是https,並且不需要微信支付,只要¥398元就能幫你實現, 加王老師QQ/微信
四、 網站轉小程式你會遇到更深層次的問題
4-1) 要求你是網站的所有者微信會驗證你是不是網站的所有者,要求你上傳一個驗證檔案到你的網站上,如果網站不是你的,就無法轉移到小程式。比如你無法把王老師的網站https://m.chunyigu.com轉到你的小程式裡。
4-2) 只有你網站上的資源才能在小程式里正常顯示和使用這裡說的資源包括圖片,視訊,音訊等,如果你的網站上引用了第三方網站的資源,轉移到小程式後,是是可能無法顯示和使用的除非騰訊給大型網站開放了特別許可權。比如你的網站引用了優酷視訊,騰訊音樂,這些視訊和音樂,就無法在小程式裡播放,因為它們不是你網站的資源。
4-3) 在小程式裡,只能顯示你的網站中的頁面如果你的網站添加了很多第三方網頁連結,第三方的頁面是無法顯示的。比如你的網頁裡,有一個百度的連結,使用者點選後,小程式裡無法顯示百度網頁內容。