沈阳微信小程序开发教程

1.获取微信小程序的APP ID登录URL，您可以在网站的“设置” - “开发者设置”中查看AppID为微信小程序。请注意，不能直接使用服务号或订阅号的AppID。注意：如果我们不在注册时使用管理员微信号码来体验手机上的小程序，那么我们还需要操作“Bind Developer”。也就是说，在“用户身份” - “开发者”模块中，需要在绑定上体验小程序的微信号码。本教程默认使用管理员微信注册帐户和体验。 2.创建项目我们需要通过开发人员工具

完成小程序沈阳软件的制作。

创建和编码。安装开发人员工具后，打开并使用微信扫描代码登录。选择Create Project，填写上面获得的AppID，设置本地项目的名称（不是小程序名称），例如“我的第一个项目”，并选择一个本地文件夹作为存储代码的目录。单击“新建项目”。为了使初学者能够轻松理解微信小程序的基本代码结构，如果在创建过程中所选本地文件夹是空文件夹，则开发人员工具将提示您是否需要创建快速启动项目。选择“是”，开发人员工具将帮助我们在开发目录中生成一个简单的演示。项目创建成功后，我们可以点击项目，进入并查看完整的开发人员工具界面，点击左侧导航，在“编辑”中可以查看和编辑我们的代码，在“调试”中即可测试代码和模拟小程序在微信客户端效果，在“项目”中可以发送到手机预览实际效果。 3.编写代码以创建小程序实例。单击“开发人员工具”导航左侧的“编辑”。我们可以看到这个项目已经初始化并包含一些简单的代码文件。最重要和最重要的是三个app.js，app.json和app.wxss。其中，js后缀是脚本文件，json后缀文件是配置文件，wxss后缀是样式表文件。 微信小程序将读取这些文件并生成小程序实例。下面我们简要了解这三个文件的功能，便于从头开始修改和开发自己的微信小程序。 App.js是小程序的脚本代码。我们可以监听并处理小程序生命周期函数并在此文件中声明全局变量。调用框架提供的丰富API，例如本示例的同步存储和本地数据的同步读取。 有关更多可用API，请参阅API文档app.json是整个小程序的全局配置。我们可以在这个文件中配置哪些页面由小程序组成，配置小程序窗口的背景颜色，配置导航栏样式，并配置默认标题。请注意，此文件中不能添加任何注释。可以在配置详细信息app.wxss中找到更多可配置项目，这是整个小程序的公共样式表。我们可以直接在页面组件的class属性中使用app.wxss中声明的样式规则。创建页面在本教程中，我们有两个页面，一个索引页面和一个日志页面，欢迎页面和小程序汇海日志的显示页面，都在pages目录中。 微信小程序中每个页面的[路径+页面名称]需要写在app.json的页面中，页面的第一页是小程序的主页。每个小程序页面由四个在同一路径中具有相同名称的不同后缀文件组成，例如index.js，index.wxml，index.wxss和index.json。js后缀文件是脚本文件，json后缀文件是配置文件，wxss后缀是样式表文件，wxml后缀文件是页面结构文件。 Index.wxml是页面的结构文件：在这个例子中，页面的结构用于构建页面结构，绑定数据和交互处理功能。 Index.js是页面的脚本文件，我们可以在其中监听和处理页面的生命周期函数，获取小程序实例，声明和处理数据，响应页面交互事件等。页面的样式表不是必需的。当存在页面样式表时，页面样式表中的样式规则将被分层以覆盖app.wxss中的样式规则。 如果没有为页面指定样式表，则还可以直接在页面的结构文件中使用app.wxss中指定的样式规则。 Index.json是页面的配置文件：不需要页面的配置文件。当有页面的配置文件时，配置项将覆盖此页面上app.json窗口中的相同配置项。如果没有指定的页面配置文件，则app.json中的默认配置将直接在此页面上使用。日志的页面结构日志页面使用控制标记来组织代码，将日志数据与wx:绑定，并将日志数据循环到节点。结果如下：4。在移动预览开发人员工具左侧的菜单栏中选择“项目”，单击“预览”，然后扫描代码以在微信客户端中体验它。