小程序開發 | 開發工具註冊使用步驟,程序目錄及功能,點擊跳轉外部鏈接

謹以此篇紀念我夭折的小程序…

想設計一個小程序,裏邊有自己常用的網站的鏈接,這樣打開微信小程序就可以直接看了,不用再打開瀏覽器,然後用了一天時間看小程序開發相關的教程,並且設計了一個界面,但是因爲小程序停止了對個人用戶開放業務域名的配置,暫時沒有找到辦法跳轉鏈接,就這樣夭折了,如果大家有辦法,請告訴我!!!

如果你有其他功能的需要,還可以往下看,希望能給你一些幫助…

首先你需要有一個小程序開發的賬號,因爲使用開發者工具需要登陸使用,這個賬號和微信公衆平臺的賬號是不同的,而且不能共用…(但是登陸界面相同),微信小程序註冊頁面

註冊成功之後,去下載開發者工具吧(也可以先下載,下載的時候註冊)微信小程序開發者工具下載

下載完成並安裝之後,掃碼登陸,點擊新建,會有第一個小程序,界面如圖(這是我夭折的樣子的小程序,發現無法進行鏈接跳轉之後也沒進行其他的優化了)
在這裏插入圖片描述
你新建的小程序的模擬頁面和這個應該是幾乎一樣的,你可以試着點擊獲取信息,你的頭像就會出現了。

簡要的說明一下最右側的程序目錄(軟件設置裏邊有主題相關的設置,自己按照喜好設置就好)

後綴 功能
.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的值是相同的,就是這樣啦

保存編譯,這個時候點擊天氣還是沒用的,因爲沒有業務域名,需要去設置一下,點擊詳情→本地設置,勾選不校驗域名,在如圖的位置
在這裏插入圖片描述
然後就可以編譯在模擬頁面打開這個鏈接了…

在這裏插入圖片描述
如果你知道有什麼辦法可以操作打開外部鏈接的話,請告訴我!!!

發佈了23 篇原創文章 · 獲贊 14 · 訪問量 4258
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章