【筆記】微信小程式註冊、發布流程及首頁自動跳轉

• 2019 年 11 月 13 日
• 筆記

為什麼今天才發呢？周六下午一下班我們就趕緊去了車站，趕往泰安爬泰山，晚上開始爬，第二天上午下山，吃了飯又趕回濟南，睡了一路，回家後洗了個澡倒頭又睡著了。

非常感謝朋友的陪伴和款待，這已經是他第10次爬泰山了，光和我就怕了3次了。。。值得慶幸的是，這次我們排到了日出，真的很美！我的微博 @無碼錶情包 發的圖片。

言歸正傳，今天這篇文章主要寫一下我在做小程式遇到的一些問題，和一個小功能，我只寫我認為有用的點，希望對大家有所幫助。

首先是註冊：

打開 註冊頁面 選擇小程式，填寫自己的資訊進行註冊。

註冊成功後，首先要完善小程式資訊：

下載 開發工具：

微信提供了普通和小遊戲兩種開發者工具。

安裝成功後登陸：

選擇 小程式項目：

選擇項目目錄，填寫小程式AppID和名稱：如果是導入已經寫好的項目，現在目錄後會自動填充 AppID和名稱。

獲取AppID：點擊 設置 => 開發設置 => 開發者ID AppID(小程式ID)

創建項目後會自動生成必要的文件：

app.js 邏輯層，編寫一些邏輯。

app.wxss 公用CSS文件，用於編寫公共樣式。

app.json 配置文件：用 { } 包裹

pages 頁面配置，所有頁面都需要再此配置，否則無法調用會報錯。

右擊 新建 Page 會自動生成 .js .wxml .wxss 三個文件，同時該頁面會自動添加到 app.json 的 pages 配置中。

程式啟動後會自動跳轉到 第一行配置的頁面 pages/index/index

"pages": [      "pages/index/index",      "pages/wxml/content",      "pages/logs/logs"    ]

window 設置默認頁面的窗口表現：

"window": {      "backgroundTextStyle": "light",//下拉 loading 的樣式，僅支援 dark/light      "navigationBarBackgroundColor": "#fff",//導航欄背景顏色      "navigationBarTitleText": "i表情包",//導航欄標題文字內容      "navigationBarTextStyle": "black"//導航欄標題顏色    }

上傳發布：

頁面寫好後 點擊 上傳 設置版本號和備註，點擊上傳。

然後在後台 開發管理 最下面 找到 開發版本，點擊右側的小三角 點擊 選為體驗版。

現在就可以掃描二維碼進行測試了。

首頁自動跳轉：

我們可以寫一個歡迎頁，然後進行頁面跳轉，優化用戶體驗。

在 index.js 中的 onLoad: function () {} 內添加如下內容即可：

setTimeout(function () {        wx.redirectTo({          url: '../wxml/content',//跳轉的頁面        })      },2000)//等待時間