1. 程式人生 > >微信小程式,全程開發,全部api呼叫,真的好簡單

微信小程式,全程開發,全部api呼叫,真的好簡單

之前看微信小程式很火很火的樣子,於是躍躍欲試,想看看究竟是個什麼玩意兒,於是今天就來試這玩一玩。
首先把包含所有功能的demo這裡可以下載
下載微信客戶端版本號:6.3.27 及以上,只有小程式繫結的開發者有許可權掃碼體驗。

雖然有所有api和所有功能的元件原始碼,還是自己寫一寫看看有什麼坑

一、寫寫玩(簡易教程)。
為啥我寫著玩呢,首先,我是個做手機遊戲開發的,所以是玩一玩,第二,因為,個人更本就申請不到app id,只有企業,媒體,等等才能申請appid,我知道學這玩一玩新鮮的玩意兒,不囉嗦了,下面開始寫寫程式碼。
1.首先按照簡易教程瞭解瞭解

  • 註冊開發者
  • 下載開發者工具
  • 建立專案
  • 可以看到一個HelloWorld
  • 最後開始編寫程式碼

    2.寫程式碼
    總體就這四種檔案配合著寫頁面

  • js寫邏輯加邏輯(必要)

  • json寫配置 (非必要)
  • wxml寫佈局 (必要)
  • wxss寫樣式(非必要)

二、元件

1.檢視容器
view
檢視容器。
scrollview
可滾動檢視區域。
swiper
滑塊檢視容器。

2.基礎容器
icon
圖示。
text
文字。
progress
進度條。

3.表單元件
button
按鈕。
checkbox
多項選擇器,內部由多個checkbox組成。
form
表單,將元件內的使用者輸入的 提交。

input
輸入框。
label
用來改進表單元件的可用性,使用for屬性找到對應的id,或者將控制元件放在該標籤下,當點選時,就會觸發對應的控制元件。
picker
從底部彈起的滾動選擇器,現支援三種選擇器,通過mode來區分,分別是普通選擇器,時間選擇器,日期選擇器,預設是普通選擇器。
pickerview
嵌入頁面的滾動選擇器
radio
單項選擇器,內部由多個組成。
slider
滑動選擇器。
switch
開關選擇器。
testarea
多行輸入框。

4.導航
navigator
頁面連結。

5.媒體元件
audio
音訊。
image
圖片。
video
視訊。

6.地圖
map
地圖。

7.畫布
canvas
畫布。

8.客服會話
contactbutton
客服會話按鈕,用於在頁面上顯示一個客服會話按鈕,使用者點選該按鈕後會進入客服會話。

裡面的引數以後需要的就自己慢慢記咯

根據微信開發者簡易教程
寫一個簡單的自己的helloworld還是挺簡單的

早點休息,明天繼續玩一玩

推舉朋友的公眾號,一個90後技術大牛,在上海開展過小程式演講,有很多小程式開發視訊。
網際網路新潮:90後自媒體新人,物聯網人工智慧發燒友,IT技術和運營
這裡寫圖片描述

順便推舉一下我自己的公眾號,李強X為自己代言,遊戲開發,關注網際網路熱點。
這裡寫圖片描述