微信小程序入门及开发准备,申请测试号以及小程序开发的两种方式,目录结构说明

这篇具有很好参考价值的文章主要介绍了微信小程序入门及开发准备,申请测试号以及小程序开发的两种方式,目录结构说明。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

1. 介绍

1.1 优点

1.2 开发方式

2. 开发准备

2.1 申请

2.2 申请测试号

2.2 小程序开发的两种方式

2.3 开发工具

3. 开发一个demo

3.1 创建项目

3.2 配置

3.3 常用框架

3.3 目录结构说明

3.4 新建组件


1. 介绍

1.1 优点

  • 是一种不需要下载安装即可使用的应用,是一种触手可及的应用
  • 可以借助微信的流量入口,方便推广应用,微信的日活量已经超过了10亿,微信覆盖的行业达到了200+的数量
  • 跨平台,只要可以安装微信的地方就可以使用小程序
  • 除微信小程序之外,还存在支付宝,QQ,抖音,头条等小程序,使用方式比较类似

1.2 开发方式

1.套模板小程序
就是购买互联网公司的模板小程序。它的优缺点很明显,
优点搭建速度快、价格低;号称三分钟就能搭建上线。
缺点是缺乏个性化、功能不灵活、用户体验较差、售后服务难以保证

2.定制开发小程序
定制开发分两种,
一是自己组建小程序开发团队,
二是委托外包公司做定制开发。
定制开发优点是完全符合需求,要说缺点,就是费钱、耗时间。有多贵,几万到几十万不等,
但贵有贵的好处,好比出自一流设计师的高级定制服装,完全按你的需求开发。适合有特殊的需求的企业开发

3.行业专用小程序
根据你的行业特点,来制作最适合你的小程序。
教育行业就用教育行业的小程序;美妆行业就用美妆行业的小程序。
行业专用小程序,
具备套模板小程序的优点,制作快,
又能避免定制开发小程序的贵,
价格适中,搭建速度快

2. 开发准备

2.1 申请

https://mp.weixin.qq.com

2.2 申请测试号

https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

点击申请地址,扫描二维码

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

2.2 小程序开发的两种方式

  1. 后端服务:不使用云服务。自主开发小程序需要的支持服务。好处是自主可控,数据保密性较好。
  2. 使用现成的云服务,不能开发部署服务,直接调用云服务。

2.3 开发工具

下载

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

2.4 申请测试appid

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

点击【申请地址】扫码获取测试appid

3. 开发一个demo

3.1 创建项目

创建项目

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

3.2 配置

将“开发环境不校验请求域名以及 TLS 版本”勾上。这样在微信开发者工具中,也可以随意访问了。甚至可以使用 http://localhost:8000/ 这种既不带 https,也是本地地址,也带端口的地址。

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

3.3 常用框架

  • 微信原生框架(MINA)
  • 其他框架uni-app/wepy/mpvue, 使用比较多的uni-app,优点:开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。

3.3 目录结构说明

目录结构如图:

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

在上图中,所有的页面组件放在pages目录中,pages中的每个子目录可以看作是一个组件,每个组件分为四个部分,即如下表格:

文件 说明
.js 页面逻辑
.json 页面配置
.wxml 页面显示
.wxss 页面样式

utils包: 用于放置全局需要的工具方法
app.js
app.json
app.wxss
以上三个文件为小程序全局配置文件。

project.config.json 这个文件就是项目的一些配置信息,包括版本、依赖、程序名之类。

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

3.4 新建组件

  • 可以在pages中创建一个目录,然后如上面一个表格所示,创建四个文件,这四个文件,名称相同,扩展名不同。这种方式比较麻烦。
  • 直接通过配置:app.json配置文件,(在app.json配置文件中,放在第一个的组件作业默认显示组件)

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序

微信小程序申请测试号,微信小程序入门级专栏,java,前端,前端框架,wx,wx小程序,数据挖掘,游戏程序文章来源地址https://www.toymoban.com/news/detail-752374.html

到了这里,关于微信小程序入门及开发准备,申请测试号以及小程序开发的两种方式,目录结构说明的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【微信小程序开发零基础入门】——微信小程序入门

    学习小程序跟学习网页开发有什么不同 1.如何创建微信小程序项目 1.1 注册、登录、复制appId 注册:在 https://mp.weixin.qq.com/cgi-bin/wx 进行注册微信小程序开发账号 登录:在 https://mp.weixin.qq.com 登录小程序账号 复制appId: 在 \\\"开发\\\" 的 \\\"开发管理\\\" 的 \\\"开发设置\\\" 的 \\\"开发者ID\\\"中 1.2 下

    2024年02月03日
    浏览(62)
  • 微信小程序入门及开发教程

    目录 前言 一、小程序简介 1.什么是小程序? 2.小程序可以干什么? 二、注册微信小程序 三、安装开发工具并创建微信小程序  四、微信小程序目录结构         随着移动互联网的发展,小程序成为了一种流行的应用形式。小程序是一种轻量级应用,能够在无需下载安装

    2024年02月08日
    浏览(52)
  • 微信小程序云开发入门详细教程

    本篇是《从零开始Python+微信小程序开发》专栏第九篇,主要介绍最新最全的云开发入门教程,微信小程序云开发,云函数,云数据库学习,微信小程序云开发扩展功能学习,希望大家能够一起学习,互相交流。 小程序云开发是微信团队联合腾讯云推出的专业的小程序开发服

    2024年02月11日
    浏览(44)
  • 亲测微信小程序备案流程,微信小程序如何备案,微信小程序备案所需准备资料

    微信小程序为什么要备案,微信官方给出如下说明: 1、若微信小程序未上架,自2023年9月1日起,微信小程序须完成备案后才可上架; 2、若微信小程序已上架,请于2024年3月31日前完成备案,逾期未完成备案,平台将按照备案相关规定于2024年4月1日起进行清退处理。 备案系统

    2024年02月07日
    浏览(57)
  • (技巧)微信小程序getLocation接口申请

    之前在做个人小程序的时候,想要做一个地图功能,那么需要获取用户的地理位置,但是微信小程序获取高精位置接口需要申请。 天下苦微信久已!! 但是,有时候我又非常理解微信。如果使我们做这个平台,可能也是会有非常多的限制。 经过不断地失败,我总结了如何去

    2024年04月12日
    浏览(35)
  • 微信小程序第三方插件申请

    记录下小程序申请插件的页面,之前自己找了很久,方便后续使用 1. 先找到自己需要的第三方插件的appid 2. 登录微信公众平台后台(mp.weixin.qq.com) 3. 打开小程序插件页面          https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=插件appid         如小程序直播的页面就是:http

    2024年02月09日
    浏览(59)
  • 微信小程序前后端开发快速入门(完结篇)

    这篇是微信小程序前后端快速入门完结篇了,今天利用之前学习过的所有知识做一个新的项目「群登记助手v1.0」小程序。 整体技术架构:小程序原生前端+小程序云开发。 经历了前面教程的学习,大家有了一定的基础,所以本次分享重心主要是带着大家理清楚逻辑相关的云开

    2024年02月12日
    浏览(41)
  • 微信小程序区分开发环境、测试环境和正式环境

    问题: 本地存储和获取当前用户的userCode,但是测试和线上版本的本地存储是互通的,调用的域名不互通,测试环境和线上环境数据不一样,所以会报错线上查询不到当前用户或者测试版本查询不到没有当前用户。 解决方法: 微信提供了wx.getAccountInfoSync()这样一个API。Objec

    2024年02月11日
    浏览(56)
  • 【微信小程序地理位置权限】申请教程

    1.微信为进一步规范开发者调用涉用户信息相关接口或功能,自2022年4月18日开始,将对地理位置相关接口实行准入开通。如未申请,后续将影响线上小程序相关功能的使用。 点击查看公告: 小程序地理位置相关接口调整 (qq.com) 1.打开微信公众平台 (qq.com),扫码登录小程序管

    2024年02月11日
    浏览(51)
  • 微信小程序开发入门与实战 ①(初始微信小程序)

    @作者 : SYFStrive   @博客首页 : HomePage 📜: 微信小程序 📌: 个人社区(欢迎大佬们加入) 👉: 社区链接🔗 📌: 觉得文章不错可以点点关注 👉: 微信小程序专栏🔗 💃: 感谢支持,学累了可以先看小段由小胖给大家带来的街舞😀 🔗: 阅读文章 👉 微信小程序 (🔥)

    2024年02月09日
    浏览(111)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包