ubuntu/linux部署微信小程式開發環境
官方文件只有window 和 mac 版本的開發工具 ; 本教程針對linux系統
以Linux為主系統的話,如何開發微信小程式?
1.註冊微信小程式開發者賬號
2.申請通過
3.下載windows 開發者工具 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201715
4.下載nwjs https://nwjs.io/
5.把window系統下安裝的微信web開發者工具資料夾中的package.nw、icon.ico、* 微信web開發者工具.exe拷貝到nwjs sdk解壓後的資料夾內
6.
sudo apt-get install wine
7. 在終端執行
$ ./nw
8.Cannot find module '......' 報錯,是因為windows不支援大小寫檔名
找到報錯的檔案
常見報錯都在dist檔案下報錯 ,仔細檢視報錯堆疊資訊
把檔名大小寫對應的檔案改成一致
9.再次執行 ./nw
10.enjoy
相關推薦
ubuntu/linux部署微信小程式開發環境
官方文件只有window 和 mac 版本的開發工具 ; 本教程針對linux系統 以Linux為主系統的話,如何開發微信小程式? 1.註冊微信小程式開發者賬號 2.申請通過 3.下載windows 開發者工具 https://mp.weixin.qq.com/de
微信小程式開發環境部署
只需要四步即可部署屬於自己的小程式開發環境。一、通過微信公眾平臺授權登入騰訊雲開啟微信公眾平臺註冊並登入小程式,按如下步驟操作:單擊左側選單欄中的【設定】。單擊右側 Tab 欄中的【開發者工具】。單擊【騰訊雲】,進入騰訊雲工具頁面,單擊【開通】。使用小程式繫結的微信掃碼即可將
快速搭建微信小程式開發環境
1.工具軟體: 注:本文介紹的工具軟體已分享到百度雲盤,直接下載並按照本文介紹安裝即可。 開發工具 v0.7 開發工具 v0.9 Demo原始碼 2.搭建步驟: 1)、安裝0.7 —
微信小程式開發環境搭建
微信小程式可謂是今天最火的一個名詞了,一經出現真是轟炸了整個開發人員,當然很多App開發人員有了一個擔心,微信小程式的到來會不會給移動端App帶來一個寒冬,身為一個Android開發者我是不相信的,他只不過提供了一個新的流量入口,給一些企業多了一種選擇,即使有,
微信小程式開發環境(阿里雲服務搭建+可執行的demo)
最近微信小程式異常火爆,很多人在學習,下面帶著大家搭建下微信小程式的除錯環境(client+server),並除錯一套demo原始碼(JavaScript和node.js基礎即可,微信推薦使用的語言,無前端程式設計基礎,去菜鳥教程簡單學習下 JavaScript,node
阿里雲服務搭建微信小程式開發環境
最近微信小程式異常火爆,很多人在學習,下面帶著大家搭建下微信小程式的除錯環境(client+server),並除錯一套demo原始碼(JavaScript和node.js基礎即可,微信推薦使用的語言,無前端程式設計基礎,去菜鳥教程簡單學習下 JavaScript
微信小程式詳細圖文教程-10分鐘完成微信小程式開發部署釋出
很多朋友都認為微信小程式申請、部署、釋出很難,需要很長時間。 實際上,微信和騰訊雲同是騰訊產品,已經提供了10分鐘(根據準備資源情況,已完成小程式申請認證)完成小程式開發、部署、釋出的方式。當然,實現的是基礎功能。但是,可以給學習者很便捷的體驗和很好的啟發。 不過,隨著微
微信小程式詳細圖文教程-10分鐘完成微信小程式開發部署釋出(3元獲取騰訊雲伺服器帶小程式支援系統)
1、【高頻使用】 美團外賣 滴滴公交查詢 車來了 大眾點評+ 京東購物 摩拜單車 滴滴出行DiDi 攜程酒店機票火車票 2、【旅行】 驢媽媽門票預訂 飛常準查航班 海南航空微應用 南航e行 去哪兒出行 朋友家精選
微信小程式開發--豆瓣圖書介面
由於微信小程式訪問豆瓣圖書介面的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操作,