如何把web系統整理成小程序

❶ 如何把手機h5頁面 轉成微信小程序

可以把h5的頁面鑲嵌小程序中,
web-view
基礎庫
1.6.4
開始支持，低版本需做兼容處理
web-view
組件是一個可以用來承載網頁的容器，會自動鋪滿整個小程序頁面。個人類型與海外類型的小程序暫不支持使用。

❷ 怎麼把網站生成百度小程序

新建後，會出現在小程序列表裡面，我們選擇一個小程序點擊進去，然後點擊設置—開發者設置，這里有我們的小程序的id、key和秘鑰，把這三個參數復制到一個記事本上，等會會用到

查看剩餘1張圖
2/13
我們應該生成網路小程序代碼的平台是什麼？直接網路搜索營銷寶箱就可以了

3/13
這個時候，我們之前在網路小程序後台復制下來的那幾個參數填寫上去，填寫完成後，我們點擊管理小程序

4/13
進入應用市場，選擇自己所需要的功能模塊

5/13
選擇模塊之後，我們在功能模塊裡面可以看到自己選擇的模塊，這個時候我們在這里完善上自己的信息

6/13
完善好小程序信息之後，我們選擇小程序發布，這個時候，系統會給我們生成一個專屬的域名，我們把這個域名復制下來，粘貼到網路小程序後台的伺服器域名這里

7/13
網路小程序的配置域名在這里

8/13
域名填寫完成後，我們就基本完成了對接，這個時候要打包，按照提示一步步設置，打包完成後，我們把代碼下載下來

9/13
下載生成的代碼後，我們把代碼壓縮包解壓到一個空的文件夾內，注意壓縮包不要和解壓的文件放在一個文件夾內
10/13
安裝開發者工具後，我們選擇打開，選擇代碼解壓的那個文件夾

11/13
然後等待開發者工具進行編譯，編譯過程中不要操作，編譯完這個黑框會自動消失，編譯完成後我們，更改文件中的testappid，換成自己的網路小程序ID

查看剩餘1張圖
12/13
登陸自己的網路賬號，用手機網路掃碼登陸即可，登陸後可以預覽，預覽沒問題的話，選擇發布

13/13
發布成功後，在網路小程序後台，開發管理，提交審核，審核通過後就可以發布上線了

❸ 如何把手機h5頁面 轉成微信小程序

把手機h5頁面轉成微信小程序，可以通過代碼實現，方法及詳細的操作步驟如下：

1、首先，一個h5頁面，其中包含四個文件，如下圖所示。

❹ 已有網站如何一鍵生成微信小程序

這個無法一鍵生成，因為最終展示的客戶端也不同，小程序需要通過微信審核在微信中展現，如果是共用一個系統和資料庫的話，產品和文章可以同步，但具體的頁面小程序還是要單獨添加的。

❺ 如何把已寫好的html或者PHP寫好的程序放進微信小程序

第一步：申請域名備案
第二步：購買SSL證書 小程序只認https 部署你的項目
第三步：申請小程序 添加域名
第四步：下載小程序工具（微信web開發工具）
第五步：修改小程序dome 把WXML裡面改成<web-view src="https://你的地址"></web-view>
第六步：需要調用某些api 繼續改你的html/php代碼
第7步：點擊工具上傳，微信後台提交審核

❻ 如何製作小程序

創建小程序項目

1、打開微信web開發者工具，點擊+號，開始創建一個小程序。毒大哥是我已經創建好了的一個示範小程序項目，這里僅供參考。
2、創建一個小程序項目需要：項目命名、小程序的Appid、配置本地開發目錄。一個三個步驟。
3、小程序的APPID需要打開瀏覽器，登陸網頁版微信小程序管理後台。設置-開發設置-復制AppID。
4、配置小程序項目的本地目錄，這里暫且使用F盤/毒先生 作為示範。接著在網上下載一套小程序模版源碼。
5、網路上搜索一下 小程序模版源碼下載，隨便點擊一個一般都免費可以獲取到一個簡單的小程序模版源碼。
6、這里我示範的找了幾個小程序模版，關鍵是把模版的源碼下載下來就可以。一般選有電商性質的模版好一點。
導入小程序源碼
1、網上下載完小程序模版源碼之後，壓縮包解壓，找到大黑方框的內容，全部復制。
2、找到創建的小程序本地開發目錄，這里是F盤/毒先生 目錄，將大黑方框的文件全部復制進目錄。
3、打開微信web開發者工具-項目-預覽-掃碼-編輯。就可以看見網站上面展示的小程序模版了。
4、用滑鼠或者手機點擊小程序模版裡面的控制項鏈接測試一下，進而根據需求對模版源碼進行自定義更改、學習、化他為己用。這樣一個簡單的小程序就做成了。

❼ 如何將web網站打包成app

• 首頁得准備好需要的東西，如eclipse，一個完整可以瀏覽的手機網站，而且確保電腦配置好jdk，環境變數，還要安裝好cordova，這些環境等配置這里不表，可以自行網路。在這里我就自己隨意寫了個網站做測試，從下圖可以看出來，這是一個可以在網頁中瀏覽的手機網站

• 有了網站之後，第一步新建一個項目，打開你要保存的項目地址，比如D盤的yun文件夾，按住鍵盤的shift鍵+滑鼠右鍵，選擇「在此處打開命令窗口」，就會彈出一個終端命令窗口，打開之後在終端裡面輸入cordova
  create hello，hello為你的項目名稱，如cordova create
  qianqian，qianqian就是我的項目名稱，注意，不要手動去創建文件夾，因為我們在終端裡面建的項目裡面有很多的配置文件，終端命令窗口不要關

• 在終端命令窗口中輸入cd
  qianqian，進入qianqian文件夾，然後再輸入cordova platform add
  android，回車，等待下載完成，記住在下載之前一定要確保已經安裝git，要不然會下載失敗，本人親自試驗，下載可以要1分鍾左右，下載完成後終端命令窗口不要關，等下要用

• 下載完成後將准備好的網站放到www文件夾裡面，原來的文件可以刪掉，再打開eclipse軟體，點擊菜單欄file--import，彈出一個窗口，選擇下面圖片中的選項，再點next，之後點擊Browse，選擇qianqian文件夾項目的路徑，選取，記住，復選框一定要全部選上，不懂的看下面的圖片，然後確定就可以了

• 確定之後就會看到下面圖片一樣左邊會出現兩個項目，為了確保項目一次性完成，我們可以在終端窗口裡面輸入cordova prepare，輸入前確保是在當前qianqian文件夾，這個命令是在修改過項目的情況下運行的，等待他運行完，下面第二張圖片是運行完成的圖片

• ok，之後就可以打包webapp了，回到eclipse，我們發現項目文件有個紅叉，或者也會出現一個感嘆號之類的，出現這個情況的話可以點擊菜單欄project--clean，在彈出的窗口中選擇第二個單選項，下面的復選框全部選上，不懂看圖，確認之後就可以看到紅叉沒了

• 然後在項目欄里選擇第二個項目右鍵選擇run as--android application，之後等待半分鍾左右，主要是看電腦運行速度好不好了，好的話就快

• 最後如果你手機連接著電腦或者你電腦開著安卓虛擬機的話，在彈出的窗口就會出現你手機或者虛擬機的信息，選擇他再點ok，系統會自動跳到虛擬機里，如果是真機的話，就直接看你的手機就行，手機會自動安裝app應用的

• 如果兩者都沒有的話可以將彈出的窗口都關閉，然後在軟體項目欄的第二個項目裡面有個bin文件夾，打開，裡面有個apk，將他復制出來安裝到自己手機或其他機器里就行了，下圖就是webapp做出來的最終效果，一開始忘記上傳圖片，只上傳了代碼，所以app裡面沒有圖片，不過效果總算是出來了

❽ web頁轉微信小程序的普通用戶名密碼登錄方式

第一次寫文章，希望有錯能指正。

最近boss突然說要把一套web上的系統做成小程序。還好之前有過接觸小程序，不過都是自己照著api和demo瞎寫的，只能硬著頭皮上了。

不出意外寫了沒多久就卡住了，原因是web頁是利用cookie來保持登錄信息，而小程序中並沒有cookie這種東西。

一般的cookie都是瀏覽器生成放在Request Headers 中當做信息傳給後端的，然後後端返回Set-Cookie給客戶端瀏覽器設定之前拿到的cookie,使瀏覽器在cookie失效之前都擁有登陸者的信息。前端發送的cookie就像一張身份證，只要是攜帶了這個cookie的請求都會被認為是同一個請求源。

但是小程序中的登錄請求並沒有向後端發送cookie。

下圖是正常瀏覽器端的登錄請求

這是小程序中的

同一個介面cookie的差異就導致了小程序中無法使用cookie來保持登錄信息。

不過好在登錄請求不管前端是否發送cookie，後端都會有一個sessionId計算器(存在於使用cookie免登錄的項目)，請求的Response Headers中肯定會有一個Set-Cookie信息，通過response.header['Set-Cookie']拿到Set-Cookie的整條信息後，自然就可以得到其中的SESSION了。

然後通過自帶的setStorage方法存儲在本地，之後想要看登錄之後的各種頁面只要在請求的頭中加入Cookie(和web端請求登錄參數名一致)參數即可。

wx.setStorage({

      key: "sessionId",

      data: sessionId

})

wx.getStorage({

      key: 'sessionId',

      success: function (response) {

            wx.request({

                  url: '請求url',

                  method: 'GET',

                  data: {

                  },

                  header: {

                        'content-type': 'application/json',

                        'Cookie': response.data

                  },

                  success: function (res) {

                  }

            })

      }

})

每個介面都要多傳一個參數，麻煩是麻煩了一點，不過算是馬馬虎虎地解決了問題，之後應該還會遇到很多問題，只能邊學邊做了。

❾ 編程零基礎，如何入門 web 前端玩轉微信小程序

Web前端相對簡單，是個入行的敲門磚，但也因為它入門簡單，所以大多數人都停留在了一個初級的層次。

哪第一步該如何踏出呢？

比如我是一個純小白，學校又不教具體的知識，如何來開始第一步的學習呢？

馬上去圖書館找本書？還是找個視頻教程開始看？

第一步：

1 模仿

編程是一門手藝，而手藝的話都是從模仿起家的，看書、看視頻都用處不大，目前是一個信息過載的社會，如何能吸收信息並讓信息沉澱下來，變成自己技能，是必然要通過手敲，必須通過艱難的bug過程，必須是通過實踐。

&lt;img src="https://pic1.mg.com/v2-_b.png" data-rawwidth="528" data-rawheight="283" class="origin_image zh-lightbox-thumb" width="528" data-original="https://pic1.mg.com/v2-_r.jpg"&gt;

我們可以把知識層級理解為 看過-> 做過 ->講過

無論如何看、如何聽，掌握程度不會超過30%，而只有你真正實踐過，做過，才有可能會達到75%。看過了並沒有什麼卵用，而是要真正的動手，對照書本、視頻敲一遍、兩遍、然後不看資料，按照自己的思路或者想法再實現一遍，這樣才能在腦海里留下足夠的印象。

2 項目制-生長學習法

如果你像初中、高中、大學那樣一個個知識點的來學編程，比如我先學HTML/CSS、再學Javascript......這種學習法其實是完全錯誤的！

知識是一個整體，而我們大腦對結構化信息才會有記憶能力，而從小的填鴨教育卻將知識割裂開來，而這正是我們絕大多數人對學習感到痛苦，學不好的原因，這種學習法是完全錯誤的。

那什麼是好的學習法呢？就如同動、植物生長一樣，先把骨架搭起來，而後才是血肉，才是細胞，這樣一來我們有一個具體的目標驅動，學習起來就會愉快的多，不會那麼的辛苦。

所以你的學習絕不是 HTML:100% -> CSS:100% -> JavaScript:100%.....而應該是

Level1項目(HTML 10%+CSS10%) -> Level2項目( HTML 20%+ CSS20%+JavaScript 10%)......

❿ 微信web開發工具怎麼創建小程序

1、微信小程序需要公眾號申請測試；然後根據微信小程序的開發說明進行就可。
2、參照開發頁面的說明，仔細閱讀就可以的。