2024年微信小程序开发流程(通用3篇)

微信小程序开发流程 第1篇

1. 小程序中组件的分类

小程序中的组件也是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了 9 大类,分别是:

① 视图容器 ② 基础内容 ③ 表单组件 ④ 导航组件 ⑤ 媒体组件 ⑥ map 地图组件 ⑦ canvas 画布组件 ⑧ 开放能力 ⑨ 无障碍访问

2. 常用的视图容器类组件

① view ⚫ 普通视图区域 ⚫ 类似于 HTML 中的 div,是一个块级元素 ⚫ 常用来实现页面的布局效果 ② scroll-view ⚫ 可滚动的视图区域 ⚫ 常用来实现滚动列表效果 ③ swiper 和 swiper-item ⚫ 轮播图容器组件 和 轮播图 item 组件

右下角第4段代码解释:

.container1 这里的.表示选择器是一个类选择器。container1是类名,这意味着这个样式规则将应用于所有具有container1类的HTML元素。

display: flex;: 当一个元素设置为display: flex;后,它的直接子元素将按照弹性盒模型(Flexbox)的布局方式排列。Flexbox是一种用于在容器内分配和对齐子元素的一维布局方法。

justify-content: space-around justify-content属性用于设置弹性容器内弹性项目在主轴上的对齐方式。 space-around值表示弹性项目将在主轴上平均分布,每个项目两侧的空间相等

微信小程序开发流程 第2篇

温馨提示:一个身份证最多只能注册5个小程序账号,所以要慎重使用自己的身份证。当注册满了以后会提示:该身份证记登记过5次,请使用另一个身份证完成用户信息登记。

个人小程序不支持微信认证,微信支付以及高级接口能力 小程序的AppID(Application ID)是小程序在特定平台上的唯一标识符。每个小程序在注册时都会被分配一个AppID,它是小程序开发者进行开发、调试和发布的关键凭证之一。以下是关于小程序AppID的一些详细信息:

小程序的appID很重要,以后开发要用到。

微信小程序开发流程 第3篇

注,绑定开发小程序的操作,请查看绑定开发小程序

上述流程是将代码提交到草稿箱,再到模板库再提交到小程序。如果想实现直接将代码提交到小程序,则可以通过使用 directCommit 直接提交至待审核列表。directCommit是里的一个参数,详情可查看extAppid 的开发调试

除了通过开发者工具提交代码,还可以通过miniprogram-ci提交代码,directCommit同样适用于ci工具;

猜你喜欢

热门内容