常见的微网站平台有哪些,四川煤矿标准化建设网站,网站开发评审时间安排,购买云服务器后怎么做网站文章目录 一、开发前的准备1注册小程序账号2安装开发者工具 二、开发者工具的使用1创建项目2 工具的使用3目录结构4各个页面之间的关系5 权限管理6提交审核和发布 一、开发前的准备 开发前需要进行以下准备#xff1a;
1 注册小程序账号2激活邮箱3 信息登记4 登录小程序管理后… 文章目录 一、开发前的准备1注册小程序账号2安装开发者工具 二、开发者工具的使用1创建项目2 工具的使用3目录结构4各个页面之间的关系5 权限管理6提交审核和发布 一、开发前的准备 开发前需要进行以下准备
1 注册小程序账号2激活邮箱3 信息登记4 登录小程序管理后台5完善小程序信息6绑定开发者
1注册小程序账号 第1步首先打开“微信公众平台” https://mp.weixin.qq.com/ 第2步点击右上角 “立即注册”可以看到可以注册4种类型的账号。 第3步选择“小程序”账号申请。进入注册页面,填写信息 注意邮箱使用请填写未被微信公众平台注册未被微信开放平台注册未被个人微信号绑定的邮箱 第4步邮箱激活.登录邮箱点激活链接 在验证界面里一个手机号只能注册5个小程序。 第5步登录小程序管理后台可以看到一些需要完善的信息需要填写和左侧一些文档快捷入口。 完善信息 完善小程序类目 这里就完成了一个账号注册。
2安装开发者工具 1 登录微信公众平台。由于之前进入了微信公众平台小程序所以进入的是小程序页面 2在“开发与服务”-“微信开发工具”-点击下载 3 我选择稳定版 Stable Build 进行下载 4 工具界面
二、开发者工具的使用
1创建项目
1.双击 微信开发者工具 2.微信扫码–》登录 扫码登录成功 3.创建项目
点加号创建项目填写名字随便写如helloworld路径:选择本地文件夹APPID注册小程序时获得的APPID不使用云开发【使用腾讯云的云函数服务器等等需要花钱】不使用模版 可以选择js基础版–》别的别选了 JS咱们不会其他模版功能比较复杂对新手不友好 然后点击“创建”
2 工具的使用
微信开发者工具的主界面由菜单栏、工具栏、模拟器、编辑器和调试器组成。 菜单栏 通过菜单栏可以访问微信开发者工具的大部分功能。
项目用于新建项目或者打开一个现有的项目。文件用于新建文件、保存文件或关闭文件。编辑用于编辑代码对代码进行格式化。工具用于访问一些辅助工具。界面用于控制界面中各部分的显示和隐藏。设置用于对外观、快捷键、编辑器等进行设置。微信开发者工具可以进行切换账号更换开发模式、调试等操作。
工具栏 工具栏提供了一些常用功能的快捷按钮。
个人中心位于工具栏最左侧的第1个按钮显示当前登录用户的用户名、头像。、模拟器、编辑器、调试器用于控制相应工具的显示和隐藏。云开发开发者可以使用云开发来开发小程序、小游戏、无须搭建服务器即可使用云端能力。云开发能力从基础库2.2.3开始支持。模式切换下拉菜单用于在小程序模式、多端应用模式和插件模式之间进行选择编译下拉菜单用于切换编译模式默认普通编译。编译编写小程序的代码后需要编译才能运行。默认情况下直接按CtrlS快捷键保存代码文件微信开发者工具就会自动编译运行。若要手动编译则单击“编译”按钮。预览单击“预览”按钮会生成一个二维码使用手机微信扫描则可以在手机中预览小程序的实际运行效果。真机调试可以实现直接利用开发者工具通过网络连接对手机上运行的小程序进行调试帮助开发者更好地定位在手机上出现的问题。清缓存用于清除数据缓存、文件缓存等。上传用于将代码上传到小程序管理后台可以在“开发管理”中查看上传的版本将代码提交审核需要注意的是如果在创建项目时使用的APPID为测试号则不会显示“上传”。版本管理用于通过Git对小程序进行版本管理。
模拟器 模拟器用于模拟手机环境查看不同型号手机的运行效果。 编辑器 编辑器分为左右两栏左栏用于浏览项目目录结构右栏用于编写代码。在左栏单击某个文件就可以在右栏中对该文件进行编辑。
调试器 调试器类似于Google Chrome浏览器中的开发者工具。
Console“控制台”面板用于输出调试信息也可以直接编写代码执行。Sources“源代码”面板可以查看或编辑源代码并支持代码调试。Network“网络”面板用于记录网络请求信息根据它可进行网络性能优化。Security“安全”面板用于调试页面的安全和认证等信息如HTTPS。AppData:App数据可以查看或编辑当前小程序运行时的数据。Audits:审记面板用于对小程序进行体验评分。Sensor:传感器”面板用于模拟地理位置重力感应。Storage“存储”面板用于查看和管理本地数据缓存。Trace“跟踪”面板用于真机调试时跟踪调试信息。WxmlWxml面板用于查看和调试WXML和WXSS。
3目录结构
├── components 【页面中使用的组件】 ├── pages 【页面文件目录】 │ ├── index 【页面】 │ │ ├── index.js 【页面JS】 │ │ ├── index.json 【页面配置】 │ │ ├── index.wxml 【页面HTML】 │ │ └── index.wxss 【页面CSS】 │ └── logs 【页面】 │ ├── logs.js … │ ├── logs.json … │ ├── logs.wxml … │ └── logs.wxss … ├── utils 【自定义工具】 │ └── utils.js 【功能的定义】 ├── app.js 【全局JS】 ├── app.json 【全局配置】 ├── app.wxss 【全局CSS】 ├── project.config.json 【开发者工具默认配置】 ├── project.private.config.json 【开发者工具用户配置,在这里修改优先用这个可以删除】 ├── .eslintrc.js 【ESlint语法检查配置】 ├── sitemap.json 【微信收录页面用于搜索上线后搜索关键字就可以搜到我们】 ————————————————
项目主配置文件在项目根路径下控制整个项目的
app.js # 小程序入口文件小程序启动会执行这个jsapp.json # 小程序的全局配置顶部的颜色标题。。。app.wxss # 小程序全局样式所有样式全局生效app.js 和app.json 必须有没有不行
页面文件
pages文件夹下有一个个的文件夹index,login,register–每个文件夹下有4个文件xx.js # 页面逻辑js代码控制xx.wxml # 页面结构布局html—》wxml就等同于html但标签有些区别xx.json # 页面配置当前页面顶部颜色标题。。xx.wxss # 页面的样式如果全局样式也有以当前页面为准 xx.js和xx.wxml 必须得有不能没有 4各个页面之间的关系 可以通过阅读代码来分析页面之间的关系。首先代开app.json文件在文中中找到如下代码。pages/index/index表示pages/index目录下的index.*文件。由于一个页面有多个不同扩展名的文件组成这里是把它们看成一个整体因此无须加上扩展名。index将作为小程序打开后的初始界面。
5 权限管理
小程序管理后台允许开发团队中的不同身份的成员登录通过权限控制来区分不同的用户身份具体可以在“小程序管理后台”-“用户身份”-“成员管理”查看。
6提交审核和发布
在微信开发者工作中上传了小程序代码之后登录“小程序管理后台”在“开发管理”选项中选择开发版本后找到提交上传的版本。单击“提交审核”按照页面提示填写相关信息即可审核。 审核通过之后登录“小程序管理后台”选择“开发管理”单击“审核版本”看到通过的版本然后进行发布。
