陌陌小程序有什么界面？ 陌陌小程序开发。 这三天，陌陌小程序再次成为网友热议的话题。 就在今天上午，陌陌官方首次对陌陌小程序的能力进行了全面分析，并现场对小程序进行了案例展示。
据陌陌官方介绍，小程序包括离线扫码、对话分享、消息通知、小程序切换、历史列表、公众账号关联、搜索搜索等七大功能。 在开始开发陌陌小程序应用账号之前，我们先来看看官方的“小程序”教程！ （以下内容由陌陌认证第三方开发商“赢在联通”提供。）
本文档将带您一步步创建一个Momo小程序，您可以在手机上体验该小程序的实际疗效。 该小程序的首页会显示欢迎信息以及当前用户的Momo头像。 点击头像即可在新打开的页面查看当前小程序的启动日志。
1.获取陌陌小程序的AppID
首先，我们需要有一个帐户，如果您能听到该文档，我们应该已经邀请并为您创建了一个帐户。 请注意，服务帐号或订阅帐号的AppID不能直接使用。 使用提供的账号登录陌陌官方公众平台，在网站“设置”-“开发者设置”中即可查看陌陌小程序的AppID。
注：如果我们注册时没有使用绑定的管理员微信号，我们可以在手机上体验小程序。 然后我们还需要操作“绑定开发者”。 即在“用户身份-开发者”模块中，绑定需要体验小程序的微信账号。 本教程默认账号注册和体验使用管理员微信账号。
2.创建项目
我们需要使用开发者工具来完成小程序的创建和代码编辑。
开发者工具安装完成后，打开，使用Momo扫描二维码登录，选择创建“项目”，填写上面获取到的AppID，设置一个本地项目名称（不是小程序的名称），例如“我的第一个项目”，选择本地文件夹作为代码存放目录，点击“新建项目”即可。
为了让初学者更容易了解陌陌小程序的基本代码结构，在创建过程中，如果选择的本地文件夹为空文件夹，开发者工具会提示是否需要创建快速启动项目。 选择“是”，开发者工具会帮我们在开发目录下生成一个简单的demo。
项目创建成功后，我们可以点击项目，单步进入并看到完整的开发者工具界面，点击两侧的导航，在“编辑”中查看并编辑我们的代码，在“调试”中测试代码并在陌陌客户端模拟小程序的疗效，并在“项目”中发送到手机上预览实际疗效。
3. 编译代码
点击开发者工具两侧导航栏中的“编辑”，我们可以看到这个项目已经初始化完毕，并且包含了一些简单的代码文件。 最关键最本质的是app.js、app.json、app.wxss这三个。 其中.js后缀为脚本文件，.json后缀为配置文件，.wxss后缀为样式表文件。 Momo 小程序将读取该文件并生成小程序的实例。
下面我们简单了解一下这三个文件的功能，方便从头开始更改和开发自己的陌陌小程序。
app.js是小程序的脚本代码。 在这个文件中，我们可以监听和处理小程序的生命周期函数，并声明全局变量。 调用MINA提供的丰富的API，比如本例中的同步存储、同步读取本地数据。
//应用程序.js
应用程序（{
onLaunch:函数(){
//调用API从本地缓存获取数据
varlogs=wx.getStorageSync('logs')||[]
日志.unshift(日期.now())
wx.setStorageSync('日志',日志)
},
获取用户信息：函数（cb）{
varthat=这个；
如果（this.globalData.userInfo）{
typeofcb=="函数"&&cb(this.globalData.userInfo)
}别的{
//调用登录套接字
wx.登录({
成功：函数（）{
wx.getUserInfo({
成功：函数（res）{
that.globalData.userInfo=res.userInfo;
typeofcb=="function"&&cb(that.globalData.userInfo)
})
});
},
全局数据：{
用户信息：空
})
app.json是整个小程序的全局配置。 在这个文件中，我们可以配置小程序由哪些页面组成，配置小程序的窗口背景颜色，配置导航项的样式，配置默认标题。 请注意，不能向该文件添加任何注释。
“页面”：[
“页数/索引/索引”,
“页面/日志/日志”
],
“窗户”：{
"backgroundTextStyle": "浅色",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "微信",
“navigationBarTextStyle”：“黑色”
app.wxss 是整个小程序的公共样式表。 我们可以直接在页面组件的class属性上使用app.wxss中声明的样式规则。
/**应用程序.wxss**/
。容器{
高度：100%；
显示：柔性；
弯曲方向：列；
对齐项目：居中；
justify-content：空间之间；
填充：200rpx0；
框大小：边框框；
3. 创建页面
在本教程中，我们有两个页面网站微信小程序开发哪家好，索引页面和日志页面，分别是欢迎页面和小程序启动日志的显示页面，这两个页面都在pages目录下。 app.json的pages中需要写入Momo小程序中每个页面的【路径页面名称】，pages中的第一个页面就是小程序的首页。
每个小程序页面由同一路径下四个同名同后缀的文件组成，如：index.js、index.wxml、index.wxss、index.json。 后缀为.js的文件为脚本文件，后缀为.json的文件为配置文件，后缀为.wxss的文件为样式表文件，后缀为.wxml的文件为页面结构文件。
index.wxml是页面的结构文件：
{{userInfo.nickName}}
{{座右铭}}
在此示例中，、 、 和 用于构建页面结构、绑定数据以及与处理函数交互。
index.js是页面的脚本文件。 在这个文件中网站微信小程序开发哪家好，我们可以监听并处理页面的生命周期函数、获取小程序实例、声明并处理数据、响应页面交互干扰等。
//索引.js
//获取应用实例
varapp = getApp()
页（{
数据：{
座右铭：“HelloWorld”，
用户信息：{}
},
//风暴处理函数
绑定ViewTap：函数（）{
wx.navigateTo({
url:'../日志/日志'
})
},
onLoad:函数(){
console.log('onLoad')
varthat=这个
//通过调用应用实例获取全局数据
app.getUserInfo(函数(用户信息){
//更新数据
that.setData({
用户信息：用户信息
})
})
})
index.wxss 是页面的样式表：
/**索引.wxss**/
。用户信息{
显示：柔性；
弯曲方向：列；
对齐项目：居中；
.userinfo-头像{
宽度：128rpx；
高度：128rpx；
保证金：20rpx；
边界半径：50%；
.userinfo-昵称{
颜色：#aaa；
.用户座右铭{
顶部边距：200px；
页面的样式表是可选的。 当存在页面样式表时，页面样式表中的样式规则会与app.wxss中的样式规则重叠。 如果不指定页面的样式表，也可以直接使用页面结构文件中app.wxss指定的样式规则。
index.json是页面的配置文件：
页面配置文件不是必需的。 当页面存在配置文件时，页面上的配置项会覆盖app.json窗口中的相同配置项。 如果没有指定页面配置文件，则该页面将直接使用app.json中的默认配置。
日志页面结构
{{index1}}.{{log}}
