基于微信小程序開發的仿微信demo

(本文參考自github/liujians,地址:https://github.com/liujians/weApp)

作者聲明:

基于微信小程序開發的仿微信demo?
整合了ionic的樣式庫和weui的樣式庫?
使用請查看使用必讀!?
更新日志請點擊這里

目前功能

查看消息
網絡請求獲取數據(download示例server端demo)
微信地圖(調用API已換成map組件)
發送圖片
查看朋友圈
新的朋友
實時文本搜索框(優化)
IDE更新的下拉(目前跟一些組件會出現沖突,等待官方解決)
2種播放器組件
查看系統信息
picker三種MODE
upload與download接口的調用(示例server端demo一起更新)
加入websocket示例,**需要重新install安裝依賴**

等待官方加入新內容


歡迎一起學習交流?前端群居所


為學習微信小程序而開發,轉發請附地址

https://github.com/liujians/WeApp

使用必讀:

  • 10月08日之后的版本被我分離成了服務端和客戶端2個demo
  • 如果想要繼續留有之前靜態demo的請備份?
  • server 部分為單獨一個項目,裝載著此項目需要的數據,需要下載跑起來才能運行此項目?
  • 項目鏈接: >?請點擊這里下載示例server的demo

跑起服務器之后,在app.js中設置自己的Ip地址?
image

關于使用:

克隆本項目 -> 在微信開發工具中添加項目 -> 選擇項目目錄 -> 啟動示例服務器 -> 重啟項目

image

image

image

相關資源:

  • weapp-ide&weapp-api?- 微信小應用官方IDE和官方文檔
  • WeApp-server?- 項目的server示例服務器
第二步 要使用node.js搭建一個實例服務器

這里是liujians\weApp的依賴server

由于weApp的項目不能與server的代碼混雜,所以server開在這里?

https://github.com/liujians/WeApp-server

配合客戶端,加入websocket和相關依賴,需要重新install安裝依賴

關于使用:

沒有node的需要先安裝node

用命令行進入項目根目錄下,輸入npm install

安裝依賴成功后,輸入npm run dev運行


本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/387190.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/387190.shtml
英文地址,請注明出處:http://en.pswp.cn/news/387190.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

設計模式之六大原則

設計模式之設計原則 這軟件設計過程中,有六大設計原則: 單一職責原則里氏替換原則依賴倒置原則接口隔離原則迪米特法則開閉原則由于軟件開發過程中,根據業務不同等因素形成了各種復雜的而不可預料的需求,遵守原則,讓項…

安裝配置tengine

安裝tengine 1、依賴gcc openssl-devel pcre-devel zlib-devel 安裝:yum install gcc openssl-devel pcre-devel zlib-devel 2、解壓tengine壓縮包,并進入目錄; 3、./configure --prefix/usr/tengine 4、make && make install 5…

使用springboot集成jseesite

請訪問 開源中國下的https://git.oschina.net/wolfking/wolfking-jeesitehttps://www.oschina.net/p/wolfking-jeesite?fromerr6Iie3qZt 下載源碼,按照如下的運行使用 springboot 改造 jeesite,只保留最簡單的系統配置 。 介紹 1、運行主類,…

解決idea 中web項目無法正常顯示的問題

轉載于:https://www.cnblogs.com/nulijiushimeili/p/10575364.html

Hadoop小知識點

hdfs命令行 上傳 hadoop fs -put 文件名 hdfs://主機名:9000/... 下載 hadoop fs -get hdfs://主機名:9000/... 文件名 /hadoop/share/hadoop/mapreduce 文件夾下有測試程序 提交MapReduce任務命令 #hadoop jar hadoop-mapreduce-examples-2.4.1.jar pi 5 5 hadoop fs -m…

copy 擴展名 包含子文件夾 文件 到某個 文件夾

比如我在d:\fff下面有很多子文件夾,子文件夾里還有子文件夾,里面有些文件夾里有.ppm.bz2的后綴的文件,需要把他們找出來復制到d:\fff2里面,應該怎么用批處理寫?最佳答案1234echo offfor /r d:\fff %%a in (*.ppm.bz2) …

在線視頻常見加密方式及安全性透析

信息化時代,多媒體的應用日漸成為人們生活中不可或缺的部分,無論是獲取最新資訊還是教育學習,視頻都是直觀高效的媒介之一。 基于互聯網的快速傳播,眾多培訓機構也逐漸將線下原創版權課程遷移到在線平臺中,一方面可以更…

分享一個前后端分離的web項目(vue+spring boot)

Github地址:https://github.com/smallsnail-wh 前端項目名為wh-web后端項目名為wh-server項目展示地址為我的github pages(https://smallsnail-wh.github.io)用戶名:admin,密碼admin(第一次啟動會比較慢&am…

部署php項目到linux

服務器:39.106.26.67rootBayou2009 數據庫:rootbayou2009 項目文件夾路徑:/home/www/項目文件夾名稱:education.bayou-tech.cn 綁定域名:education.bayou-tech.cn 綁定域名: 用ftp把配置文件下班到windows修…

ionic最新安裝教程

公司最近開發webapp,研究了一下ionicangularjs開發。 安裝過程中碰到許多問題,發現網上有好多資料都已經過時,在這里把最新的流程記錄一下。 首先是安裝node.js,通過nodejs官網下載,沒什么問題。npm已經默認安裝&#…

ZooKeeper安裝配置

配置 1、在conf目錄下創建一個配置文件zoo.cfg tickTime2000 dataDir.../zookeeper/data dataLogDir.../zookeeper/dataLog clientPort2181 initLimit5 syncLimit2 server.1server1:2888:3888 server.2server2:2888:3888 server.3server3:2888:3888 ?tickTime&#…

1.1 算法編譯與調試

編程要保持簡單(KISS, keep it simple and stupid)。 算法競賽中的輸入輸出框架: 輸入數據保存在文件中,輸出數據也保存在文件中。 幾乎所有算法競賽的輸入數據和標準答案都是保存在文件中的。 使用文件最簡單的方法是使用輸入…

ionic2開發的仿外賣點餐系統(Ionic2+Angular2

github上的項目源碼 Run this Project(運行該項目) first(首先): make sure your computer install ionic 確保你的電腦安裝了ionic2,不懂自行百度 second(其次):$ ionic start wechat_restaurant tutorial…

Container Injection

Container的歷史: 2000 年的時候 FreeBSD 開發了一個類似于 chroot 的容器技術 Jails,這是最早期,也是功能最多的容器技術。Jails 英譯過來是監獄的意思,這個“監獄”(用沙盒更為準確)包含了文件系統、用戶…

HadoopHA集群搭建

三臺主機: 192.168.143.111 hdp1 192.168.143.112 hdp2 192.168.143.113 hdp3 1、安裝配置ZooKeeper; (1)在conf目錄下創建配置文件zoo.cfg tickTime2000 dataDir.../zookeeper/data dataLogDir.../zookeeper/dataLog clientPort2181 initLim…

node搭建服務器,寫接口,調接口,跨域

剛開始學node,今天做這個也是累死寶寶了,以后可以自己寫接口自己用了,再也不用麻煩人家后臺人員了,這些年我們欠他們的太多了,說多了都是淚,不多說,往下看吧。。。 服務端項目目錄下&#xff1a…

ThreadPoolExcutor 線程池 異常處理 (上篇)

前言 最近看到crossoverJie的一篇文章:一個線程罷工的詭異事件 首先感謝原作者的分享,自己獲益匪淺。然后是回想到自己的一次面試經歷,面試官提問了線程池中的線程出現了異常該怎樣捕獲?會導致什么樣的問題? 示例代碼 …

3 MapReduce計算模型

MapReduce被廣泛應用于日志分析、海量數據排序、在海量數據中查找特定模式等場景中。 MapReduceJob 在Hadoop中,每個MapReduce任務都被初始化為一個Job。 每個Job又可以分為兩個階段:Map階段和Reduce階段。這兩個階段分別用Map函數和Reduce函數來表示。…

ionic3 調用本地相冊并上傳圖片

前言在APP中啟動相冊選擇器或者拍照上傳圖片這些功能是非常常見的。對于Ionic2,我們只能通過cordova插件實現調用原生的功能。下面將簡單的封裝一個選擇相冊或拍照上傳圖片的ImgService服務。具體如下。 Cordova準備下載安裝所需的Cordovar插件: Image P…

Mapreduce中maptask過程詳解

一、Maptask并行度與決定機制 1.一個job任務的map階段的并行度默認是由該任務的大小決定的; 2.一個split切分分配一個maprask來并行處理; 3.默認情況下,split切分的大小等于blocksize大小; 4.切片不是mapper類中對單詞的切片&…