applogo.png

车抵贷
购物领券
2021-07-27 微信搜索 热度:571

微信开发者工具有三大模块微信小程序首页代码。小程序模拟器、小程序编辑器、小程序调试器。每个模块都有不同的作用。调试器的功能类似浏览器里页面的审查元素,我们在元素调式框里修改属性,可以查看到页面相关属性的变化,找到相关的页面样式文件。微信小程序开发工具的调试器也是这样子。

微信开发者工具-调试器

调试器分为 6 大功能模块:Wxml、Console、Sources、Network、Appdata、Storage

Wxml

Wxml用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性,同时可以通过修改对应 wxss 属性,在模拟器中实时看到修改的情况。通过调试模块左上角的选择器,还可以快速找到页面中组件对应的 wxml 代码。

Sources

Sources 用于显示当前项目的脚本文件,同浏览器开发不同,微信小程序框架会对脚本文件进行编译的工作,所以在 Sources 中开发者看到的文件是经过处理之后的脚本文件,开发者的代码都会被包裹在 define 函数中,并且对于 Page 代码,在尾部会有 require 的主动调用。

Network

Netwrok 用于观察和显示 request 和 socket 的请求情况

Appdata

Appdata 用于显示当前项目当前时刻 appdata 具体数据,实时地反馈项目数据情况,可以在此处编辑数据,并及时地反馈到界面上。

Storage

Storage 用于显示当前项目的使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情况。

Console

Console有两大功能:

开发者可以在此输入和调试代码小程序的错误输出,会显示在此处

微信小程序是什么?属于移动端的,前端页面开发吗?

您好,我是一名互联网行业开发工程师,同时也是优质vlog领域创作者,欢迎关注我!

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

微信小程序,实质是运行在微信内部的可独立的一个前端页面,它有以下的特征:

1、代码由html、css、js等前端开发语言组成,市场上也有一套前端代码生成多端应用的工具,如taro等

2、够轻便,不用另外装app,只需要安装微信app,独立于微信主进程,意思是你打开了小程序,即使微信主进程杀掉了,小程序也能正常运行

3、微信小程序开发都是前后端分离,数据通过api接口请求,正式上线需要协议,实质就是web前后端分离开发

总结

如果楼主开发过web端应用,应该对这上手会很快,希望我的回答能帮到你,谢谢!

如何制作一个简单的微信小程序?

一、关于微信小程序

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装,用户扫一扫或搜一下即可打开的应用。

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

二、如何开发小程序?

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

1. 小程序注册

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

(1) 注册小程序帐号在微信公众平台官网首页点击右上角的“立即注册”按钮。

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

(2) 选择注册的帐号类型为“小程序”

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

(3) 填写邮箱和密码

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

(4) 激活邮箱登录邮箱,查收激活邮件,点击激活链接。

微信小程序首页代码:微信小程序代码怎么在开发者工具中打开?

(5) 填写主体信息这里我们以独立开发者为例,填写对应的信息(企业和政府等其他类型的主体需准备更多的材料,如企业名称、营业执照号、企业对公账户信息等)。

(6) 确认主体信息

(7) 点击确认完成注册流程

2. 小程序信息完善及开发前准备

(1) 登录小程序管理平台

(2) 完善小程序信息完成注册后,需补充小程序名称信息,上传小程序头像,填写小程序介绍并选择服务范围(小程序发布前,可修改2次名称;发布后,个人帐号可一年内修改2次名称。服务类目一个月内可申请修改3次。小程序头像和介绍一个月内可申请修改5次)。

(3) 开发前准备

① 绑定开发者登录微信公众平台小程序,进入用户身份 - 成员管理 - 添加成员,使用管理员微信扫描二维码进行验证。在“添加用户”页面输入需要被添加成员的微信号,点击搜索按钮,勾选相应的权限后,点击“确认添加”按钮即可添加。

个人主体小程序最多可绑定5个开发者,10个体验者。未认证的组织类型小程序最多可绑定10个开发者,20个体验者已认证的小程序最多可绑定20个开发者,40个体验者。

② 获取AppID进入“设置-开发设置”,获取AppID信息。

3. 开发者工具的使用

① 下载并安装开发者工具

② 登录使用管理员或者绑定的开发者微信号扫码登录开发者工具。

③ 创建项目

④ 开发管理员和开发者可在开发者工具内完成小程序的开发、调试、预览、上传代码等操作(因为勾选了上一步中的“建立普通快速启动模板”选项,所以会自动生成下图中的代码)。

⑤ 预览点击工具栏中的“预览”按钮,用开发者本人微信扫码,即可在手机内预览小程序的效果(具有相应权限的开发者和管理员才可以扫描开发工具上的二维码并预览,其他人无法扫码预览)。

⑥ 上传代码点击工具栏上的“上传”按钮,填写“版本号”和“项目备注”,点击“上传”。上传成功后可在微信公众平台,开发管理页面中看到对应提交的版本。(只有管理员有权限可以上传,开发者没有权限上传)。

4. 代码审核与发布

① 提交审核在“开发管理”页面中,管理员可提交审核对应的“开发版本”小程序。

最后一步在商联网申请一个免费小程序系统即可开启你的电商之路

(支付宝 微信 百度 抖音 头条)五合一小程序就搭建成功了

上一篇:微信二维码推广大全:微信公众号怎么宣传比较好?(微信公众号怎么发文章)

下一篇:微信二维码推广大全:微信推广怎么做?有没有人会推广?

赞 0
分享
猜你喜欢

丙肝是什么病微信交流群,丙肝母婴贴吧

耳鸣微信交流群,全国耳鸣交流群

打呼噜微信交流群,怎么加入陌生微信群

「东莞车迷微信群」求个东莞的大众高尔夫微信群

「聋人微信和扣扣群」微信有聋哑人的群吗

「加入菏泽大型微信群」如何加入菏泽一中高三一部十八班微信群

「启动微信群名软件」微信群怎么设置不让别人改群名?

「微信红包群规则复制」微信红包群规章制度是什么样的?

「微信稀奇古怪总代群」我想在微信上卖稀奇古怪的玩意,一件代发的,不需要加盟费!有的留个

「微信群群主有哪些特权」微信群主有哪些特权?

 

账号登录,或者注册个账号?