文档章节

【微信小程序开发实战】0x00.开发前准备工作

dreamans
 dreamans
发布于 06/24 17:34
字数 519
阅读 7
收藏 0
点赞 0
评论 0

写在开始

本人资深后端码农一枚,近期项目需求,接触到了微信小程序,将学习过程整理成文分享给小伙伴们,由于是边学边整理难免有表述不对的地方,望大家及时指正,感谢。

本人微信号: dreamans 欢迎交流

申请账号

点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1,进入小程序注册页面并根据指引填写相关数据。

下载开发工具

开发者工具下载地址 ,根据自己的操作系统下载对应的版本

hello world

登录 https://mp.weixin.qq.com,设置-开发设置中找到AppID:

image

运行已安装的微信开发者工具,选择小程序项目,填写上一步的AppID及目录等信息。

在项目目录下分别创建以下文件:

/app.json


{
  "pages": [
    "pages/index/index"
  ]
}

/pages/index/index.js

Page({
  data: {
    hello: "这里将显示Hello文字"
  },
  handleDisplayHello() {
    this.setData({
      hello: "Hello WeChat MiniProgram"
    })
  }
})

/pages/index/index.wxml

<view class="container"> 
  <view class="content">{{hello}}</view> 
  <button bindtap="handleDisplayHello">显示Hello</button>
</view>

/pages/index/index.wxss

.container {
  display:flex;
  flex-direction: column;
  align-items: center;
}
.container .content{
  margin: 50rpx;
  color: #0000cc;
}

点击工具栏中的编译按钮,在模拟器中可以预览到效果,点击小程序中显示Hello按钮后即可预览Hello WeChat MiniProgram,如图:

image

以上便是小程序开发的简单准备工作及HelloWorld的Demo实现,下一篇文章将对每个文件进行详细讲解。

下期预告

将对微信小程序源文件结构及含义进行详细讲解,敬请期待。

微信交流群

微信群二维码会定时失效,为了方便更新,将入群二维码放到了Github上 传送门>>>

© 著作权归作者所有

共有 人打赏支持
dreamans

dreamans

粉丝 6
博文 1
码字总数 1513
作品 6
朝阳
程序员
腾讯云+社区沙龙·小程序敏捷开发实战(北京)开启报名

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 作者:由云加社区技术沙龙发表在云+社区 2018伊始,最火爆的不是春晚和红包,而是从天而降的“跳一跳”。这款来自微信的轻量级小...

腾讯云+社区
03/22
0
0
H5与小程序如何共用的一套代码? ——小程序混合开发(1)

一、目标 很多时候,大家是不是有这种想法,开发的小程序中,H5与小程序能否共用的一套代码,带后端并且可以提交给微信审核呢? 告诉你,可以! 如何做呢?看下边 二、准备工作 平台: 进入w...

大王12
05/31
0
0
短视频小程序备受关注,慕课网教你玩转开发流程!

根据阿拉丁统计平台相关数据显示,2018年上半年,小程序以惊人的速度达到百万量级。“小程序”凭借着极低的获客成本和极快的获客速度这两个巨大优势,亦然成为各大互联网公司抢占的风口。这对...

慕课资讯
07/09
0
0
"口令红包"-利用函数计算构建微信小程序的server端

前言 函数计算 阿里云函数计算是一个事件驱动的全托管计算服务。通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传。函数计算会为您准备好计算资源,以弹性、可靠的方式运行您的...

rsong
02/06
0
0
开发了几个小程序后,说说我对小程序的看法

刚看到新闻,微信小程序MAU高达4.7亿,TOP100小游戏占比28% 小程序从发布前的大众期待,到刚发布时成为热点,再到迅速被人遗忘,再到后来慢慢发力缓慢爬坡 现在与一年前已经是完全不一样的情...

codeGoogle
05/23
0
0
不安分的android开发者(小程序初尝试,前后台都自己做)

前言 作为一个稍微有点想法的程序员来说,拥有一个自己开发,自己运营,完全属于自己的应用,应该是很多人的梦想。刚毕业那会,自己的工作是做游戏,于是也和朋友业余时间开发一些小游戏玩玩...

xuelang
06/06
0
0
奖金高达120万的微信小程序职业开发大赛,你还不来?

随着微信小程序掀起了微信生态中的重要革新,小程序开发也成为了时下受欢迎的开发实践方向。 如何开发一款优秀的小程序,既考验开发者的系统开发能力,也锻炼开发者的运营思维与商业意识。 ...

bjweimengshu
04/19
0
0
开发微信小程序外包公司怎么选择

  人们的生活已经离不开网络,走在大街上许多人都在看着手机,获取各类信息,有刷微博关注新闻动态,有刷朋友圈了解熟人近况,乐在其中。由于微信用户数量多,小程序推出之后,不少企业和商...

彩薇
05/25
0
0
一大波编程视频资料赠送(亲自整理)

为了感恩大家长久以来的关注和支持,小编准备了一些福利,整理了包含前端,Java,产品经理,微信小程序,Python,网站源码,Android应用视频教程,微信公众平台开发教程及材料等资源合集大放...

祈澈姑娘
05/08
0
0
微信小程序 - 考勤签到:第一课--tabBar的用法

如何搭建多选面板(HH自己理解):tabBar的用法??? 1,打开微信小程序的开发工具:微信web开发者工具,创建自己的小程序的项目 2,目录结构中,找到app.json文件,在page中输入tabBar的相...

qq_31653405
04/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

垃圾回收算法

一 如何判断对象可以回收 1 引用计数法 思路大概为:给对象添加一个引用计数器,每当有一个地方引用它时,计数器值加1;当引用失效时,计数器减1;任何时刻计算器为0的对象就是不可能再被使用...

sen_ye
5分钟前
0
0
Activiti简介(学习总结一)

一、介绍 activiti是使用命令模式设计基于bpmn2.0的一款开源工作流引擎。 工作流简单举例:提交请假申请->经理审批->结束。这就是一个简单流程。activiti支持用户自定义流程。配置各个流程对...

沙shasha
5分钟前
0
0
VCL界面控件DevExpress VCL Controls发布v18.1.3|附下载

DevExpress VCL Controls是 Devexpress公司旗下最老牌的用户界面套包。所包含的控件有:数据录入,图表,数据分析,导航,布局,网格,日程管理,样式,打印和工作流等,让您快速开发出完美、...

Miss_Hello_World
6分钟前
0
0
加米谷大数据培训:云计算、大数据和人工智能之间的关系

一般谈云计算的时候会提到大数据、谈人工智能的时候会提大数据、谈人工智能的时候会提云计算……感觉三者之间相辅相成又不可分割。 一、云计算最初的目标 云计算最初的目标是对资源的管理,管...

加米谷大数据
11分钟前
1
0
java集合元素的默认大小

当底层实现涉及到扩容时,容器或重新分配一段更大的连续内存(如果是离散分配则不需要重新分配,离散分配都是插入新元素时动态分配内存),要将容器原来的数据全部复制到新的内存上,这无疑使...

竹叶青出于蓝
13分钟前
1
0
Java快速开发平台,JEECG 3.7.7闪电版本发布,增加多套主流UI代码生成器模板

JEECG 3.7.7 闪电版本发布,提供5套主流UI代码生成器模板 导读 ⊙平台性能优化,速度闪电般提升 ⊙提供5套新的主流UI代码生成器模板(Bootstrap表单+BootstrapTable列表\ ElementUI列表表单)...

Jeecg
16分钟前
0
0
export 和 module.export 的区别

在浏览器端 js 里面,为了解决各模块变量冲突等问题,往往借助于 js 的闭包把左右模块相关的代码都包装在一个匿名函数里。而 Nodejs 编写模块相当的自由,开发者只需要关注 require,exports,...

孟飞阳
19分钟前
1
0
技术教育的兴起

技术教育的兴起 作者: 阮一峰 1、 有一年,我在台湾环岛旅行。 花莲的海边,我遇到一对台湾青年夫妻,带着女儿在海滩上玩。我们聊了起来。 当时,我还在高校当老师。他们问我,是否觉得台湾...

吕伯文
19分钟前
0
0
Linux服务器下的HTTP抓包分析

说到抓包分析,最简单的办法莫过于在客户端直接安装一个Wireshark或者Fiddler了,但是有时候由于客户端开发人员(可能是第三方)知识欠缺或者其它一些原因,无法顺利的在客户端进行抓包分析,...

mylxsw
23分钟前
0
0
mybatis3-javaapi

sqlSessionFactoryBuilder->sqlSessionFactory->sqlSession<-rowbound<-resultHandler myBatis uses a Java enumeration wrapper for transaction isolation levels, called TransactionIsol......

writeademo
27分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部