2. 程式人生 > >微信小程式開發指南

微信小程式開發指南

阿新 • • 發佈：2019-01-08

微信小程式入門指南

註冊

 

 

 

 

 

 

註冊需要注意瀏覽器相容問題，紅色的複選框在google瀏覽器是看不到的，360瀏覽器能顯示出來。

 

開發

 

 

釋出

 

 

小程式官方文件

 https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

 

 

總結（小程式與微信公眾號的差異）

 

不同點：

1.      小程式申請條件比公眾號門檻低

2.      小程式的釋出比公眾號繁瑣，類似BAE引擎應用釋出，需要稽核，稽核通過才能正式上線

3.      小程式應用後臺的API介面必須使用https協議

4.      小程式需要自己專用的開發調式工具

5.      小程式有一套自己的樣式規範約束

6.      前端程式碼儲存在微信伺服器上,類似動靜分離的設計結構

 

共同點：

 

1.      域名支援

 

相關推薦

微信小程式開發指南，介面文件，工具下載使用

相信前天，從事網際網路行業人的朋友圈給刷爆了，前微信公眾平臺開始陸續對外發送小程式內測邀請，而小程式即被外界廣為關注的微信“應用號”。 小程式的推出也並非一蹴而就，早在2016年1月的微信公開課上，微信之父張小龍就透露微信即將推出應用號。根據張小龍的描述，應用號的形態大致為

微信小程式開發指南

微信小程式入門指南 註冊             註冊需要注意瀏覽器相容問題，紅色的複選框在google瀏覽器是看不到的，360瀏覽器能顯示出來。   開發

微信小程式開發入門指南二

上篇文章我們已經一起成功建立了一個Hello World級別的微信小程式。 那麼這篇文章我們將詳細講解下這個例子中的相關程式碼部分。 程式碼構成 正如你所看到的，這個專案中生成了很多不同型別的檔案。 .json 字尾的 JSON 配置

微信小程式開發入門指南一

微信小程式的火熱程度相信大家有目共睹，今天本篇博文就和大家一步一步學習開發微信小程式。 本篇文章會在官方簡易教程的基礎上做更詳細的解說，好了相信你已經和我一樣已經迫不及待了，跟隨這個教程，開始我們的小程式之旅吧！ 0x01 準備工作 1.一個未被使用過

微信小程式開發--豆瓣圖書介面

由於微信小程式訪問豆瓣圖書介面的API被關閉， 所有從小程式端發起的訪問請求都會被拒絕， 403，禁止通訊。 其餘的資訊介面大都是http的，微信小程式中不允許訪問http， 我們通過中繼伺服器爬取並解析資料實現了一個可以在小程式中實現的圖書資訊查詢介面。 通過圖書的isbn 號碼查詢關於該圖書的各

微信小程式開發 筆記

1.[wxss]設定帶透明度的rgb顏色：rgb(0,0,0,0.5); 2.小程式使用類似於iOS的NSNotification：（第三方:https://github.com/icindy/WxNotificationCenter） (1)在需要收發通知的頁面引入WxNotification

微信小程式開發框架——WXSS（一）

    WXSS語言決定了小程式頁面的各個元素在視覺上的展示，WXSS與CSS即為相試的、為了適合微信小程式開發WXSS對CSS進行相應的修改。     width:用來設定元素'寬度' / height:用來設定元素'高度 '/

純正商業級應用-微信小程式開發實戰已更完

第1章 導學與申請appkey 如何更好的學習本課程？如何申請開發者key？如何呼叫和測試介面？ 1-1 微信小程式商業級實戰-課程導學。 1-2 優先自己開發 1-3 appkey的申請 1-4 課程維護說明 第2章 準備工作 開發前的準備工作以及第三方開發工具的選擇 2-1 流程與開發前準備 2

微信小程式開發：二級、三級等多級聯動選單

二級級聯效果三級聯動效果 二級聯動和三級聯動的程式碼結構都是一樣，就看要怎麼設定。接下來上三級聯動的程式碼。 wxml <view class="picker-box"> <view class='skill-picker'&g

微信小程式開發筆記5——元素隨著頁面滾動吸附在頂部的效果

現在很多app都有這樣的效果，某元素隨著頁面的滾動，吸附在頂部的效果。本文將介紹實現這種效果的兩種不同的方法。 先看一下效果圖： 使用IntersectionObserver 思路 上一篇部落格詳細介紹了IntersectionObserver的用法。這裡用來實現這種吸附的

微信小程式開發筆記4—— IntersectionObserver 用法詳解

看微信文件時看到這個很有趣的api，但是官方的文件和例子關於這個api的介紹都是很讓人失望的，所以花了點時間瞭解了以下這個方法，做個記錄，供參考。 簡介 首先，我的理解是，這是一個觀察器（廢話），它用來監測目標物件與某個參照物的相交情況。什麼是相交情況？通俗的說，就是兩個區域有重

微信小程式開發筆記2——自定義導航欄元件

本文主要是熟悉微信小程式自定義元件的開發，以一個常見的導航欄（Tabbar）需求為例。 官方文件：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 首先我們先看一

微信小程式開發-引入阿里巴巴向量icon圖示庫

先在阿里巴巴圖示庫下載icon圖示並儲存到專案裡，然後下載到本地。此步驟的壓縮檔案命名為壓縮1檔案。 解壓下載檔案，開啟轉換網址https://transfonter.org/，點選 Add fonts按鈕將iconfont.ttf檔案上傳上去，按圖操作就好。此步驟的壓縮檔案命名為壓縮2檔

純正商業級應用-微信小程式開發實戰最新無加密

第1章 導學與申請appkey 如何更好的學習本課程？如何申請開發者key？如何呼叫和測試介面？ 1-1 微信小程式商業級實戰-課程導學。 1-2 優先自己開發 1-3 appkey的申請 1-4 課程維護說明 第2章 準備工作 開發前的準備工作以及第三方開發工具的選擇 2-1 流程與開發前準

微信小程式開發使用者授權登入

用wx.login獲取登入憑證code <!--pages/user/index.wxml--> <view hidden='{{boolean}}'> <view wx:if="{{isLogin == 1}}"> <!-- 個人資訊 --

與大家分享學習微信小程式開發的一些心得

因為我也才開始學習微信小程式不久，下文也是現在的一時之言，大家有不同的想法也可以在評論裡共同交流討論，希望文章能給大家提供一點點幫助。 最近接觸到了一些前端框架，像Vue.js，React，發現小程式的框架體系跟它們很像。它們都推崇模組化，元件化，資料與元素繫結。這樣沒有繁瑣的DOM操作，

微信小程式開發day02——小程式的基本功能和作用

微信小程式自學02 一、建立小程式 二、瞭解小程式的基本功能和作用        1、小程式的啟動        開啟小程式時，就已經將小程式的所有程式碼打包下載到

微信小程式開發day01——小程式的頁面基本認識和屬性

微信小程式學習筆記（1） 一、申請個人賬號 二、安裝開發者工具 三、申請程式 四、閱讀幫助文件        1.簡單認識基本結構以及頁面      app.json【全域性配置

微信小程式開發最佳實踐

作者： skylor https://segmentfault.com/a/1190000012955804 專案地址：https://github.com/skyFi/weapp-starter 為什麼會有這個 repo 在小程式之初便開發應用了，現

微信小程式開發——使用wxParse外掛實現html程式碼的支援

前言： 大家都知道，無論是微信小程式還是支付寶小程式都不支援html程式碼的展示的，甚至說你想貼個純html程式碼做demo都不方便，更不用說解析html了。那麼怎麼解決這個問題呢？ 解決方案： 使用WxParse外掛（微信小程式富文字解析元件）就能解決這個問題。本來這個外掛是專為微信小程式設計的，但是