微信小程序快速入门【一】

news/2024/7/20 1:48:27 标签: 微信小程序, 小程序, 微信

微信小程序>微信小程序快速入门【一】


在这里插入图片描述


文章目录

在这里插入图片描述


👨‍🏫内容1:背景


🙋‍♀️自2017年微信推出《微信小程序>微信小程序》以来,阿里、百度、字节跳动等一众大佬平台相继也推出了自己的小程序体系。
👉由于微信自身的强势社交属性,以及其对小程序的战略定位(连接人与服务)的前提下进行了持续的大力支持,所以到目前为止,微信小程序>微信小程序还是所有小程序中发展的最好的(截止2020年,市场保有量:500万套以上,年度GMV:1.6万亿)。
🧑‍💻当前,小程序已经成为企业、政府、商家等在推行线上线下一体化服务的必备选项,与现有的APP、网站等组成一个相互补充的线上服务矩阵,以便服务到不同场景中的用户;同时小程序也是大多数创业者在试错阶段的优先选项,以降低初期试错的投入成本和运营成本。因此,当前小程序开发技术应该是所有前端技术人员的一项必备技能。

🌸🌸🌸🌷🌷🌷💐💐💐🌷🌷🌷🌸🌸🌸

👨‍⚖️内容2:准备工作


🎃开发小程序的第一步:
👉你必须要有一个微信开发者帐号,可以在微信公众平台上进行注册。同时下载微信开发者工具,用它来开发和管理你的项目。

在这里插入图片描述
在这里插入图片描述

🎈另外,微信团队还为用户提供了一个管理平台用来管理你的项目。在上面可以对自己的应用进行权限管理,查看数据报告,发布应用软件。
🎁小程序的 AppID 相当于小程序平台的一个身份证,后面进行项目的创建时,以及其他涉及权限的操作时,都是需要用到它的。在这里插入图片描述

🌻🌻🌻🌼🌼🌼🌺🌺🌺🌼🌼🌼🌻🌻🌻

👨‍💻内容3:新建一个小程序


🎯接下来就用开发者工具新建一个小程序
👉新建项目选择小程序项目,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 “不使用云服务” (注意: 你要选择一个空的目录才可以创建项目),点击新建,选择JavaScript模版,就得到了第一个小程序了。点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

🎯现在我们试着运行一下:
👉点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小程序。真机调试就可以在手机上调试程序,与此同时还会启动一个调试面板显示页面的实时信息,可以很方便地排查页面问题。

在这里插入图片描述

🖥️与此同时真机调试还会启动一个调试面板显示页面的实时信息,可以很方便地排查页面问题。

在这里插入图片描述

🕹️为了方便展示效果,我们这里采用PC端预览

在这里插入图片描述

🔮🔮🔮🔮🔮🔮🔮🔮🔮🔮🔮🔮

🍉文末推荐 👨‍🏫


🎃活动介绍:
👉618,清华社 IT BOOK 多得图书活动开始啦!活动时间为 2023 年 6 月 7 日至 6 月 18 日,清华社为您精选多款高分好书,涵盖了 C++、Java、Python、前端、后端、数据库、算法与机器学习等多个 IT 开发领域,适合不同层次的读者。全场 5 折,扫码领券更有优惠哦!快来京东点击链接 IT BOOK 多得(或扫描京东二维码)查看详情吧!

👉点击查看活动详情👈

🍟本期福利:
👉本期为大家带来的是清华社出版的《Nuxt.js Web开发实战》

🧀参与形式:
👉关注➕点赞➕收藏➕评论,每人最多可以评论三条,随机抽取3位小伙伴免费送书一本🍿

🧀抽奖时间:
⏰2023-06-18 18:00
在这里插入图片描述

在这里插入图片描述


http://www.niftyadmin.cn/n/417740.html

相关文章

经典的设计模式6——桥接模式

文章目录 桥接模式 这学期虽然科目少,但是工作量确实是大,真是头一次遇到这么紧凑的情况,既然无法避免,那就直面它!挑战一下极限! 补充内容: 合成/聚合复用原则:尽量使用合成/聚合&a…

黑马Redis视频教程高级篇(二:多级缓存)

目录 一、什么是多级缓存? 二、JVM进程缓存 2.1、导入案例 2.2、初识Caffeine 2.3、实现JVM进程缓存 2.3.1、需求 2.3.2、实现 三、Lua语法入门 3.1、初识Lua 3.2、HelloWord 3.3、变量和循环 3.3.1、Lua的数据类型 3.3.2、声明变量 3.3.3、循环 3.4…

JDK9~17+Springboot3 @Resource常见问题和解决方案

一、常见问题描述 因为JDK版本升级的改动,在Jdk9~17环境下,搭建Springboot项目,会出现原有Resource(javax.annotation.Resource)不存在的问题,导致项目从Jdk8迁移到高版本时遇到的问题 原因 你可能会问&…

数据库信息速递 甲骨文与微软合作,在Azure上推出数据库服务

开头还是介绍一下群,如果感兴趣polardb ,mongodb ,mysql ,postgresql ,redis 等有问题,有需求都可以加群群内有各大数据库行业大咖,CTO,可以解决你的问题。加群请联系 liuaustin3 ,在新加的朋友会分到2群(共…

Python 正则表达式转义

文章目录 Python 正则表达式转义Python 正则表达式转义的语法Python 正则表达式的多次使用搜索并替换为正则表达式 用正则表达式替换多模式使用正则表达式将多个模式替换为多个替换值 这篇文章是关于 Python 正则表达式转义的。 此外,我们将介绍 Python 正则表达式转…

第四十五章 龙牙现身(老顽童们2 )

巴哥奔猛地一扬胳膊将对方甩入半空,抢在其再次扑杀过来前,双手疾速互搓,启动赤手模式。 没等她反应过来,那只娇小的龙牙虫噗呲一声钻入老土豆右眼窝,后者仰面栽倒,不再动弹。 那群小土豆们叽喳乱叫&#xf…

FreeRTOS简单任务创建和任务删除(基于stm32F407)

1. 实验目的 使用动态方法 xTaskCreate()创建任务,使用vTaskDelete()函数删除任务;创建开始任务start_task,在开始任务中创建其他三个任务,创建task1任务实现LED0每500ms闪烁一次,创建task2任务实现LED1每500ms闪烁一…

【保姆级】如何创建一个Vue工程

如何创建一个Vue工程 文章目录 如何创建一个Vue工程1、下载安装Node.js2、配置环境变量3、npm 安装淘宝镜像4、安装Vue CliVue 安装失败原因 5、在线创建工程创建工程启动服务启动报错停止服务重启服务 1、下载安装Node.js Node.js是一个js运行环境,Vue工程需要建立…