基於區塊鏈的微信小程式雲筆記實戰(DApp)
主要實現一個小程式版本的雲筆記專案,不過這個專案支援區塊鏈(這裡使用以太坊網路),可以將雲筆記的內容儲存到真正的以太坊網路中,永久儲存,永不丟失。而且會和傳統的資料庫相結合。
本場 Chat 會基於傳統的資料庫技術和區塊鏈技術實現一款真正的去中心化應用(DApp)。
本Chat的主要內容如下:
- 小程式雲筆記功能概述;
- 小程式雲筆記介面佈局;
- 編寫用於儲存、修改和查詢雲筆記內容的智慧合約;
- 將智慧合約部署到以太坊網路上;
- 編寫基於 JavaScript 和 Web3.js API 的智慧合約呼叫類(需要賬戶簽名);
- 小程式雲筆記通過智慧合約實現新增和修改雲筆記內容的功能;
- 查詢交易狀態(是否被礦工挖出的區塊儲存或交易失敗)。
一場場看太麻煩?成為 GitChat 會員,暢享 1000+ 場 Chat !點選檢視
相關推薦
基於區塊鏈的微信小程式雲筆記實戰(DApp)
主要實現一個小程式版本的雲筆記專案,不過這個專案支援區塊鏈(這裡使用以太坊網路),可以將雲筆記的內容儲存到真正的以太坊網路中,永久儲存,永不丟失。而且會和傳統的資料庫相結合。本場 Chat 會基於傳統的資料庫技術和區塊鏈技術實現一款真正的去中心化應用(DApp)。本Chat的
一個微信小程式雲函式例子(詳細)
1. project.config.json寫上雲函式所在目錄"cloudfunctionRoot": "cloudfunctions/",如圖 2. app.json寫上“cloud”:true,如圖 app.js寫上(這步是將使用者訪問記錄到使用者管理中,在控
微信小程式入門到實戰(一)
瞭解小程式 什麼是小程式? 小程式其實就是一個工具,為人提供便捷服務的;隨時可用,用完即走,減少桌面上面的app數量; B2C(人與商品) 淘寶 JD P2P(人與人)微信 QQ C2P(人與服務)微信小程式 支付寶小程式 什
微信小程式“反編譯”實戰(二):原始碼還原
小編推薦:Fundebug專注於JavaScript、微信小程式、微信小遊戲,Node.js和Java線上bug實時監控。真的是一個很好用的bug監控服務,眾多大佬公司都在使用。 在上一篇文章《微信小程式“反編譯”實戰(一):解包》中,我們詳細介紹瞭如何獲取某一個小程式
微信小程式入門到實戰(五)
快取 快取的作用是為了加快資料的訪問,小程式裡面可以設定快取(本地),設定快取後,如果沒有手動清除快取的話,就會一直存在。大小不能超過10M。資料優先。 設定快取 wx.setStorageSync('key','value'):同步 w
微信小程式開發框架——WXSS(一)
WXSS語言決定了小程式頁面的各個元素在視覺上的展示,WXSS與CSS即為相試的、為了適合微信小程式開發WXSS對CSS進行相應的修改。 width:用來設定元素'寬度' / height:用來設定元素'高度 '/
微信小程式開發文件(4)
微信小程式網路API 發起請求 上傳、下載 Websocket 檔案 資料快取 微信小程式媒體API 圖片 錄音 音訊播放控制 音樂播放控制 背景音訊播放管理 wx.createAudioContext(audioId) 視訊 wx.createVideoContext(videoId)
微信小程式二維碼(JAVA)
前言 最近在做小程式相關的專案,之前也在網上找過很多資料,遇到不少坑,和大家分享一下成果。 簡介 小程式獲取二維碼有官網三種介面: POST https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access
微信小程式學習筆記二(持續更新)---小程式網路請求封裝
寫小程式的你是否已經厭倦了傳送網路請求的wx.request?接著看吧。。。 一、目錄結構 在專案同級目錄下utils資料夾裡新建一個fetch.js檔案,(名字看自己喜好) 二、直接上程式碼 // 定義網路請求API地址 const baseURL = 'h
微信小程式學習筆記四(持續更新)---征服scroll-view下拉重新整理
貼圖 大概實現這種使用swiper做tab切換,資料頁面下拉重新整理的效果。 官方提供的scroll-view作為容器,如果在scroll-view使用onPullDownRefresh實現下拉重新整理,會存在頁面重新整理卡,並且重新整理會出現在tab之上,使
微信小程式開發文件(5)
微信小程式開放介面: 生物認證 getUpdateManager 拓展介面 createWorker 開啟/關閉除錯 微信小遊戲工具: 設定頁介面 專案頁卡介面 開發快捷鍵 開發工具除錯 命令列呼叫 HTTP 呼叫 微信小遊戲渲染API: 畫布物件Canvas Canvas(畫布物件
微信小程式學習之路(一)
1、前言 微信小程式所使用的是騰訊自己開發的MINA框架,MINA框架跟主流框架有很大的相似之處,是一個MVVM框架,很慶幸本人先前有學過一點點VUE所以入門MINA框架還算比較順利,由於需要完全熟悉MINA框架我還需要學習很多,所以微信小程式學習之路篇打算一
微信小程式踩坑日誌(二)
indexOf 在wxml檔案中不能使用 Object.keys() toString() indexOf() ; 其中indexOf()方法在wxml中怎麼樣都返回undefined; textarea textarea在小程式中算是一個比較大的坑了;
微信小程式 —— 快遞查詢Demo(入門)
原始碼地址及提醒: 2、由於使用的是外部api,故選擇無appid登入小程式開發工具,無需更改後臺伺服器域名 簡要介紹 這是一個微信小程式的快遞查詢Demo,僅供初學者學習使用。主要展示了一些常用的一些微信API和元件,如有錯誤或建議,歡迎指出
微信小程式開發常用技巧(6)——列表上拉載入更多
微信小程式API提供了監聽頁面使用者下拉重新整理事件,但是沒有提供上拉監聽事件,實際開發過程中經常會用到上拉列表,載入更多的需求。那麼如何實現呢? 實現原理:利用onReachBottom監聽頁面滑動到底部,然後執行具體的函式方法,例如請求資料,然後將列表資料
微信小程式頁面跳轉(五)
事件: 微信小程式中任何一個事件,事件繫結時都要在前面加上bind或catch(bind用的較多); 頁面跳轉: wx.navigateTo({ url:"../posts/post", }); 括號裡面是一個物件。這樣寫會有一個返回,把他當成啟動頁面
微信小程式之人臉識別(2)
上一篇部落格已經將人臉的照片上傳到了人臉庫,接下來需要做的就是登入時拍照儲存並與人臉庫的圖片進行對比,當score大於95即識別成功!下面是wxml程式碼,主要用的就是camera元件,點選按鈕拍照並儲存,利用開關來控制使用前置還是後置攝像頭。<!--pages/cam
微信小程式開發詳解(四)---微信小程式開發元件使用初步
1:建立一個微信小程式的工程 2:請參考如下連結裡面的內容,這是微信小程式的官方開發指南: https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html?t=20161222 3:可以拷貝部分例子程式到你
微信小程式從0-1(一)flex佈局之理論
目錄 這篇文章主要介紹了Flex佈局,參考了這篇文章 搭建UI介面 對於iOS開發者來說,UI佈局可以使用座標(frame),也可以使用自動佈局。對於微信小程式來說,建議使用Flex佈局。 通過上一篇的學習,我們知道了.wxss是設
微信小程式開發詳解(七)---微信小程式APP生命週期
1:微信小程式APP的生命週期方法: 在微信小程式工程中的app.js中增加如圖1所示方法 圖1 編譯執行,檢視日誌如圖2,圖3所示:微信小程式啟動時,呼叫生命週期方法為:onLaunch方法(app.js)---onShow方法(app.js)---onLoad方法(首