謹以此篇紀念我夭折的小程序…
想設計一個小程序,裏邊有自己常用的網站的鏈接,這樣打開微信小程序就可以直接看了,不用再打開瀏覽器,然後用了一天時間看小程序開發相關的教程,並且設計了一個界面,但是因爲小程序停止了對個人用戶開放業務域名的配置,暫時沒有找到辦法跳轉鏈接,就這樣夭折了,如果大家有辦法,請告訴我!!!
如果你有其他功能的需要,還可以往下看,希望能給你一些幫助…
首先你需要有一個小程序開發的賬號,因爲使用開發者工具需要登陸使用,這個賬號和微信公衆平臺的賬號是不同的,而且不能共用…(但是登陸界面相同),微信小程序註冊頁面
註冊成功之後,去下載開發者工具吧(也可以先下載,下載的時候註冊)微信小程序開發者工具下載
下載完成並安裝之後,掃碼登陸,點擊新建,會有第一個小程序,界面如圖(這是我夭折的樣子的小程序,發現無法進行鏈接跳轉之後也沒進行其他的優化了)
你新建的小程序的模擬頁面和這個應該是幾乎一樣的,你可以試着點擊獲取信息,你的頭像就會出現了。
簡要的說明一下最右側的程序目錄(軟件設置裏邊有主題相關的設置,自己按照喜好設置就好)
後綴 | 功能 |
---|---|
.js | 功能函數設置 |
.json | 標題欄的設置 |
.wxml | 頁面框架的搭建 |
.wxss | 頁面排版 |
index是主頁,在index.wxss裏邊的現成的內容,鼠標懸停在參數上會有提示,可以修改一些值然後點擊編譯或者直接Ctrl+S,然後觀察頁面的變化。
要想點擊跳轉到外部鏈接,可以採用如下方式(在開發者工具中勾選不進行安全驗證也是可以在電腦上打開鏈接的…不過不能發佈在手機上打開也沒有用…)
我這裏想加一個查看天氣的鏈接,在index.wxml中加入一個按鈕:
<!-- 新加區域,鏈接按鈕1(這一行是註釋,註釋的快捷鍵是Ctrl+/) -->
<view class="userbutton1" bindtap="gotianqi">
<button>天氣</button>
</view>
然後去全局程序app.json中在pages後邊加入如下第一行的逗號和第二行的代碼:
,
"pages/tianqi/tianqi"
保存編譯一下之後,上邊會自動建立一個頁面tianqi,下邊有四個程序文件,打開並把tianqi.wxml中的代碼刪掉,替換爲:
<web-view src="https://tianqi.qq.com"></web-view>
這是天氣的網址,然後去index.json中加入如下代碼:
,
gotianqi: function () {
wx.navigateTo({
url: '../tianqi/tianqi',
success: function () { },
fail: function () { },
complete: function () { }
})
}
你會發現,這裏的gotianqi是和在index.wxml中加入按鈕時添加的bindtab的值是相同的,就是這樣啦
保存編譯,這個時候點擊天氣還是沒用的,因爲沒有業務域名,需要去設置一下,點擊詳情→本地設置,勾選不校驗域名,在如圖的位置
然後就可以編譯在模擬頁面打開這個鏈接了…
如果你知道有什麼辦法可以操作打開外部鏈接的話,請告訴我!!!