微信小程序试水

2024-04-24 06:58
文章标签 程序 微信 试水

本文主要是介绍微信小程序试水,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

去年火了小程序。我也试试吧。

什么小程序

微信小程序是运行在微信内部的一个应用
微信小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。


优点

  • 可以通过扫码或朋友推荐获取
  • 无需安装,直接使用
  • 即点即用,用完即走
  • 开发方便
  • 开发成本低

缺点

  • 入口少,推广不便
    (1)二维码
    (2)好友推荐

  • 用户体验不够好

  • 开发环境不友好

  • 不适合复杂应用

  • 变现能力未知
    |


小程序结构

这里写图片描述

主体部分

一个小程序主体部分由三个文件组成,必须放在项目的根目录
- app.js 小程序逻辑 (必须)
- app.json 小程序公共设置 (必须)
- app.wxss 小程序公共样式表(可选)

页面部分

一个小程序页面由四个文件组成,分别是:
- js 页面逻辑(必须)
- wxml 页面结构(必须)
- json 页面配置 (可选)
- wxss 页面样式表(可选)
: 参考资料
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/structure.html


学习资料

  • 官方网站:

    • 框架
    • 组件
    • API
    • 工具
    • 讨论
  • 其他:

  • http://www.jianshu.com/p/45e41cdf6706

如何开发小程序?

准备工作:

注册小程序账号(不必须)

目前微信小程序的账户并没有对个人用户开放,但是还好微信的开发工具不要求是小程序的注册用户,也就是随便哪个人都可以使用工具进行开发测试,所以即使不注册账户也可以学习小程序。
注册和不注册的区别
注册:拥有小程序ID(AppID),可以连接真机测试
不注册:没有小程序ID,只能在本地虚拟机测试
注册地址:(我就没有注册)
https://mp.weixin.qq.com/

安装小程序的开发工具

下载后,打开使用手机扫一下微信登陆开发
下载地址:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1487220581

例子:导入项目

1,添加项目

这里写图片描述

2,选择开发的好的项目的路径,进行导入

这里写图片描述

3,导入成功

这里写图片描述

例子:开发新的程序

目录:
这里写图片描述

1,新建项目
这里写图片描述
2,新建一个空的项目
这里写图片描述
3,依次建立相关文件
这里写图片描述
这里写图片描述
4,代码
app.json

{"pages": ["pages/index/index","pages/hello/hello"],"window": {"navigationBarBackgroundColor": "#000","navigationBarTextStyle": "white","navigationBarTitleText": "hello  world","backgroundColor": "#000"},"tabBar": {"list": [{"pagePath": "pages/index/index","text": "主页"},{"pagePath": "pages/hello/hello","text": "你好"}]}
}

保存之后,会自动出现hello 和index文件夹。如果没有的话自己新建一下。

index.wxml

<!--pages/index/index.wxml-->
<text>这是我的第一个小程序</text>

hello.wxml

<!--pages/hello/hello.wxml-->
<text>hello world</text>

5,运行情况

这里写图片描述

小结

认识一下我们现在使用的小程序。使用很便捷,理念很时尚,程序开发也很简单。

这篇关于微信小程序试水的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/931059

相关文章

Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序

使用Docker构建Python Flask程序的详细教程

《使用Docker构建PythonFlask程序的详细教程》在当今的软件开发领域,容器化技术正变得越来越流行,而Docker无疑是其中的佼佼者,本文我们就来聊聊如何使用Docker构建一个简单的Py... 目录引言一、准备工作二、创建 Flask 应用程序三、创建 dockerfile四、构建 Docker

java向微信服务号发送消息的完整步骤实例

《java向微信服务号发送消息的完整步骤实例》:本文主要介绍java向微信服务号发送消息的相关资料,包括申请测试号获取appID/appsecret、关注公众号获取openID、配置消息模板及代码... 目录步骤1. 申请测试系统2. 公众号账号信息3. 关注测试号二维码4. 消息模板接口5. Java测试

Python基于微信OCR引擎实现高效图片文字识别

《Python基于微信OCR引擎实现高效图片文字识别》这篇文章主要为大家详细介绍了一款基于微信OCR引擎的图片文字识别桌面应用开发全过程,可以实现从图片拖拽识别到文字提取,感兴趣的小伙伴可以跟随小编一... 目录一、项目概述1.1 开发背景1.2 技术选型1.3 核心优势二、功能详解2.1 核心功能模块2.

python编写朋克风格的天气查询程序

《python编写朋克风格的天气查询程序》这篇文章主要为大家详细介绍了一个基于Python的桌面应用程序,使用了tkinter库来创建图形用户界面并通过requests库调用Open-MeteoAPI... 目录工具介绍工具使用说明python脚本内容如何运行脚本工具介绍这个天气查询工具是一个基于 Pyt

Ubuntu设置程序开机自启动的操作步骤

《Ubuntu设置程序开机自启动的操作步骤》在部署程序到边缘端时,我们总希望可以通电即启动我们写好的程序,本篇博客用以记录如何在ubuntu开机执行某条命令或者某个可执行程序,需要的朋友可以参考下... 目录1、概述2、图形界面设置3、设置为Systemd服务1、概述测试环境:Ubuntu22.04 带图

Python程序打包exe,单文件和多文件方式

《Python程序打包exe,单文件和多文件方式》:本文主要介绍Python程序打包exe,单文件和多文件方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录python 脚本打成exe文件安装Pyinstaller准备一个ico图标打包方式一(适用于文件较少的程

Python程序的文件头部声明小结

《Python程序的文件头部声明小结》在Python文件的顶部声明编码通常是必须的,尤其是在处理非ASCII字符时,下面就来介绍一下两种头部文件声明,具有一定的参考价值,感兴趣的可以了解一下... 目录一、# coding=utf-8二、#!/usr/bin/env python三、运行Python程序四、

如何基于Python开发一个微信自动化工具

《如何基于Python开发一个微信自动化工具》在当今数字化办公场景中,自动化工具已成为提升工作效率的利器,本文将深入剖析一个基于Python的微信自动化工具开发全过程,有需要的小伙伴可以了解下... 目录概述功能全景1. 核心功能模块2. 特色功能效果展示1. 主界面概览2. 定时任务配置3. 操作日志演示