第2章 微信开发者工具-【千锋教育】微信小程序开发与实战（微课版）

第2章 微信开发者工具 微信公众平台 微信开发者工具 申请小程序账号 编写小程序代码 01 02 04 03 目 录 CATALOUGUE 初心至善 匠心育人 微信公众平台 初心至善 匠心育人 微信公众平台 微信公众平台是管理微信公众账号的综合性管理后台，本小节主要介绍的是微信小程序管理后台，关于微信小程序的所有账号信息配置和开发者相关配置都需要在微信小程序管理后台进行操作。 初心至善 匠心育人 微信公众平台 登录微信公众平台有两种方式，一种是使用邮箱和密码登录 初心至善 匠心育人 微信公众平台 另一种登录方式是扫码登录 初心至善 匠心育人 申请小程序账号 初心至善 匠心育人 申请小程序账号 开发微信小程序的第一步，是需要先申请一个小程序的账号，通过这个账号可以在微信公众平台中管理自己的小程序。申请微信小程序账号需要先打开微信公众平台（https://mp.weixin.qq.com/），在浏览器中打开网页后点击右上角的“立即注册”链接。 初心至善 匠心育人 申请小程序账号 微信公众平台提供了四种类型的账号注册，分别为：订阅号、服务号、小程序、企业微信。 初心至善 匠心育人 申请小程序账号 关于这四种公众号类型的区别，主要体现在以下方面： 订阅号，对所有主体开放，包括政府、企事业单位、非盈利性机构、社会组织、媒体、个人等，推送消息在用户消息盒子中显示，每天可以推送一次，对开发者提供的开放能力有限； 服务号，不对个人主体开放，只对组织主体开放注册，包括政府、企事业单位、非盈利性机构、社会组织、媒体，推送消息在用户的消息列表中显示，对开发者提供更全面的开放能力； 小程序，一种全新的连接用户与服务的方式，具有更加出色的交互体验，小程序内具有调用手机硬件能力，适合所有主体注册，为了保护用户隐私，尽量减少对用户的打扰，小程序不支持信息推送； 企业微信，为企业提供更高效的协同办公体验，只对企业及组织开发注册权限； 初心至善 匠心育人 申请小程序账号 在微信公众号类型选择页面，选择小程序注册，进入小程序注册页面。 初心至善 匠心育人 申请小程序账号 账号信息填写完毕后，点击下方的“注册”按钮，进入邮箱激活页面，此时需要登录上一步中的邮箱，查收腾讯官方发送的小程序账号激活邮件，点击激活链接。 初心至善 匠心育人 申请小程序账号 点击激活链接后，继续下一步的注册流程，选择注册的主体类型，并完善主体信息和管理员信息。 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 微信开发者工具 初心至善 匠心育人 编写小程序代码 初心至善 匠心育人 编写小程序代码 小程序应用创建成功后，会自动生成首页和日志页的代码以及应用的配置文件。 初心至善 匠心育人 编写小程序代码 打开 “pages/index/index.wxml”文件，在该文件中编写小程序首页代码，示例代码如下： <view> <input value="{{ inputValue }}" bindinput="onInput" bindconfirm="onConfirm" placeholder="请输入"> </input> <view class="list-title">列表内容：</view> <view class="list"> <view wx:for="{{ list }}" wx:key="index" class="item"> {{ item }} </view> </view> </view> 初心至善 匠心育人 编写小程序代码 打开“pages/index/index.wxss”文件编写小程序首页的样式代码，示例代码如下： input { border: 1px solid #ccc; font-size: 30rpx; } .list-title { font-size: 30rpx; margin: 20rpx 0rpx; font-weight: 600; } .list { box-sizing: border-box; padding: 10rpx 20rpx; font-size: 30rpx; } .item { margin: 10rpx 0rpx; } 初心至善 匠心