微信小程序示例开发

最新推荐文章于 2024-06-23 03:47:12 发布
最新推荐文章于 2024-06-23 03:47:12 发布
阅读量2.9k 收藏 3
点赞数 2
分类专栏： 微信小程序 文章标签： 微信 小程序 开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chr23899/article/details/54314818
版权

最近朋友圈是不是被微信小程序刷屏了？究竟什么是微信小程序，怎么使用小程序，我们又该如何创建自己的微信小程序？且跟我一起来了解小程序，用词不懂，描述不清处还请各位见谅，多多包涵。

1.定义

首先简单看下百度百科中对微信小程序的定义:

微信小程序，简称CX，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。

参考链接:

http://baike.baidu.com/link?url=x4A4lqj6IxpWo6HH7LkBgBD4NNpXE_HrRVmCUSxjoMe2hdjvPuJ8spbruqb_Uu46O4xqKWAzrMAcyGg0g9qrTZz9hbKDvVHxOoblLHdZm2RP-AbNXxeS-Vn2X6ipPc-O6XHzUeo_74q7r2AChdAAd97o4__dPjkgH8o5mQy74y_fx7l6OX9qrFUH1h5-bzWmHz9UP_6LE18jU3OuVodoca 

1月9号小程序正式上线，现全面开放申请，主体类型为个人、企业、政府、媒体或其他组织的开发者，均可申请注册小程序。小程序、订阅号、服务号、企业号是并行的体系。

2.如何使用小程序

很多人在最新的微信版本上看不到小程序，因为微信对于小程序是你不用它，它就不会显示。下面给大家说下如何开启小程序。

 

按照图中顺序搜索——小程序示例，然后点击查看。

 

再回到发现中就可以看到小程序按钮，点击小程序即可看到右边的小程序列表。

对于现有常见小程序，各位可参考:

http://m.toutiao.com/i6373579375773745666/ 

3.注册小程序账号

官网注册地址: https://mp.weixin.qq.com/ 

 

选择小程序注册登录之后，可以不选择微信认证，只作为个人测试开发使用。

 

在设置中可以看到AppID和AppSecret，这个比较重要请记录。

4.开发小程序

首先下载开发工具, 地址如下:

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201715 

本人选择windows开发工具。

 安装完成之后，首先选择本地小程序项目：

 

之后选添加项目，输入APPID(前面记录的)和项目名称文件路径等，在选择项目目录时勾选Quick Start项目，最后点击添加项目即可。

 

这是一个简单的小程序即已经生成，效果如下:

 

点击项目，然后点击预览，即可在微信中实时进行查看了。

 

到此一个个人的简单示例小程序即创建成功。

 

附录:

 

开发工具:

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201715 

示例参考教程: https://mp.weixin.qq.com/debug/wxadoc/dev/ 

API参考: https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=201715 

 

chr23899
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解微信小程序开发教程
karamos的专栏
09-22 5709
微信应用开放的服务和组件包含如下： 视图容器：视图(View)、滚动视图、Swiper 基础内容：图标、文本、进度条 表单组件：按钮、表单等等 操作反馈 导航 媒体组建：音频、图片、视频。 地图 画布 文件操作能力 网络：上传下载能力、WebSocket 数据：数据缓存能力 位置：获取位置、查看位置 设备：网络状态、系统信息、重力感应、罗盘 界面：设置导航条、导航、动画、绘图等等 开放接口：登录，...
微信小程序的开发
Liucaicaia的博客
11-11 725
微信小程序的开发入门
【小程序教程】零基础微信小程序开发及实例详解
shenchengyv的博客
10-12 7811
利用微信开发者工具制作了一个最基础的小程序“演示的示例”，主要介绍了微信小程序的开发步骤以及主要的过程详解，希望对大家有帮助。
微信小程序--》从零实现小程序项目案例
ztK63LrD的博客
02-06 3万+
🏍️作者简介：大家好，我是亦世凡华、渴望知识储备自己的一名在校大学生🚲座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。👀引言⚓经过web前端开发的学习，相信大家对于前端开发有了一定深入的了解，今天我开设了微信小程序专栏，主要想从移动端开发方向进一步发展，而对于我来说写移动端博文的第一站就是小程序开发，希望看到我文章的朋友能对你有所帮助。今天借助黑马的本地生活案例，加强一下自己对小程序的学习，并将学习过程分享出来，希望能和以前学习的知识相互印证。
如何搭建微信小程序开发环境【含代码示例】
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
06-23 1170
至此，你已经成功搭建了一个微信小程序的开发环境，并创建了首个小程序页面。随着不断的实践与探索，你将逐渐掌握更多小程序开发的高级技巧和最佳实践，为用户带来更丰富、更流畅的体验。记得持续关注微信官方文档和开发者社区，那里有更多的资源和案例等待着你去挖掘。欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。DTcode7的博客首页。
Python 开发者的微信小程序开发实践
good7ob的博客
05-17 5480
通过本文的介绍，相信你已经对如何在微信小程序开发中发挥 Python 的优势有了更深入的了解。作为一个优秀的开发者，我们需要不断学习和探索各种技术和框架，充分发挥它们的优势，提高软件质量和开发效率。希望你能在微信小程序的开发实践中，充分发挥 Python 的魅力，创造出更多优秀的应用。微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。打开微信开发者工具，点击“创建新的小程序项目”，选择一个本地目录作为项目根目录。
应用实战｜微信小程序开发示例--多人聊天互动空间
NimbleX_的博客
03-08 1738
拿来即用，应用开发人员再也不用为撰写API而发愁。MemFire Cloud 为开发者提供了简单易用的云数据库（表编辑器、自动生成API、SQL编辑器、备份恢复、托管运维），很大地降低开发者的使用门槛。
开发微信小程序
qq_54867440的博客
05-29 1318
前言 微信小程序，简称小程序，缩写XCX，英文名mini program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。 对于开发者而言，小程序的开发比 APP 简单、耗时短、 bug 少、流畅程度高 目录 前言 1.微信小程序 申请帐号 安装开发工具 你的第一个小程序 小程序大体预览 编译预览 通过左上角标签查看模拟器，编辑器，调试器以及可视化 编辑器 调试器 代码构成 .json后缀的JSON配置文件...
微信小程序官方小程序示例源码
12-18
"微信小程序官方小程序示例源码"是微信官方提供的一套示例代码，用于帮助开发者理解和学习微信小程序的开发过程。 在`miniprogram-demo-master`这个压缩包中，通常会包含多个小程序的示例项目，每个项目都对应一个...
微信小程序示例小相册
08-10
"微信小程序示例 - 小相册" 是一个典型的微信小程序开发教程或项目，它通过实际的代码示例帮助开发者了解如何利用微信小程序API和框架构建一个图片浏览应用。 在JavaScript开发微信小程序的过程中，主要涉及以下几...
微信小程序各种示例代码
10-24
在这个“微信小程序各种示例代码”压缩包中，包含了10个精心设计的小程序示例，对于初学者来说是极其宝贵的资源，可以帮助他们快速理解和掌握微信小程序的开发技巧。 首先，我们要了解微信小程序的基本结构。每个小...
微信小程序点餐系统微信小程序开发实战
06-07
小程序基于JavaScript、WXML（微信小程序标记语言）和WXSS（微信小程序样式语言）进行开发，可以调用微信提供的API实现丰富的功能。 二、点餐系统需求分析 点餐系统需具备以下功能： 1. 菜单展示：展示餐厅菜品，...
微信小程序示例.zip
01-11
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要针对移动设备用户。它具有无需下载、安装的特点，只需在微信内置的浏览器环境中通过扫描二维码或者搜索即可使用，极大地节省了用户的手机内存，同时也...
【小程序开发必备】微信小程序常用API全介绍，附示例代码和使用场景
全栈弄潮儿
04-06 1万+
本篇博文介绍了微信小程序常用API，包括网络请求、数据缓存、交互反馈、设备、媒体、界面、开放接口等方面。每个API都附有详细的介绍和示例代码，以及使用场景。这些API可以帮助小程序开发者快速实现各种功能和交互效果，是小程序开发的必备工具。无论是初学者还是有一定经验的开发者，都能从本篇博文中学到很多实用的技巧和知识。
微信小程序开发（超详细保姆式教程）
热门推荐
m0_64875238的博客
11-10 34万+
微信小程序开发（超详细保姆式教程）
如何用python开发微信小程序教程方法有哪些？
2201_75735270的博客
05-19 6588
如何用python开发微信小程序教程方法有哪些？
python做微信小程序开发,python怎么开发小程序
gk12336的博客
03-18 2481
大家好，小编为大家解答python做微信小程序开发的问题。很多人还不知道python怎么开发小程序，现在让我们一起来看看吧！一、申请账号1. 进入根据指引填写信息和提交相应的资料，完成账号申请。如果跳转后页面出现错误，请刷新访问。2. 使用申请的微信公众平台账号登录，单击，可以看到小程序的AppID，请记录AppID，后续操作中需要使用。3. 在中填入您的已备案域名。
小白开发微信小程序21--网络API（asp.net core版）
hqwest的专栏
03-15 2435
在一个网站里面发起https请求是很常见的，但是，由于微信小程序是腾讯内部的产品，不能直接打开一个外部的链接，例如，您在微信小程序里面无法直接打开网站，但是，在做小程序开发的时候，如果想调用这个网站的一个接口，这时，如何使用？因为，微信小程序里面不能直接使用浏览器，所以，只有使用腾讯给我们封装好的API wx.request(object)。
一个微信小程序开发示例
凡尘雪的博客
11-09 5548
一个微信小程序开发示例（豆瓣电影） 新版本（不包含工作流）请移步至：https://github.com/zce/weapp-douban 当前仓库会暂缓更新，主要留下来给大家答疑 需要基础教程的朋友们稍等一阵吧，目前有计划重新去写一套更系统的。最近有很多要屈服于现实的问题，谢谢理解 
django 微信小程序 开发示例
05-26
以下是一个简单的 Django 微信小程序开发示例： 1. 创建 Django 项目并安装必要的依赖 首先，创建一个 Django 项目并安装必要的依赖。我们需要安装 `django`, `djangorestframework` 和 `wechatpy`。 ```bash pip install django pip install djangorestframework pip install wechatpy ``` 2. 配置微信公众号信息 在 `settings.py` 文件中，添加以下的配置信息： ```python WECHAT_APPID = 'your_appid' WECHAT_SECRET = 'your_secret' WECHAT_TOKEN = 'your_token' WECHAT_AES_KEY = 'your_aes_key' ``` 这些值可以在你的微信公众号管理后台找到。 3. 创建微信公众号 API 在 `views.py` 文件中，创建一个微信公众号 API，用于处理微信公众号发送的消息。 ```python from django.http import HttpResponse from wechatpy import parse_message, create_reply from wechatpy.utils import check_signature from wechatpy.exceptions import InvalidSignatureException def wechat(request): if request.method == 'GET': signature = request.GET.get('signature') timestamp = request.GET.get('timestamp') nonce = request.GET.get('nonce') echo_str = request.GET.get('echostr') try: check_signature(WECHAT_TOKEN, signature, timestamp, nonce) except InvalidSignatureException: return HttpResponse('Invalid signature') return HttpResponse(echo_str) else: xml = request.body.decode('utf-8') msg = parse_message(xml) if msg.type == 'text': reply = create_reply('Hello', msg) return HttpResponse(reply.render(), content_type='application/xml') else: return HttpResponse('') ``` 这个 API 将会处理微信公众号发送的消息并回复一个“Hello”消息。 4. 创建微信小程序 API 在 `views.py` 文件中，创建一个微信小程序 API，用于处理微信小程序发送的请求。 ```python from rest_framework.decorators import api_view from rest_framework.response import Response @api_view(['POST']) def wxapp(request): data = request.data # 处理微信小程序发送的请求 result = {'data': data} return Response(result) ``` 这个 API 将会处理微信小程序发送的请求，并返回一个包含请求数据的 JSON 对象。 5. 配置 URL 路由 在 `urls.py` 文件中，添加以下的 URL 路由信息： ```python from django.urls import path from .views import wechat, wxapp urlpatterns = [ path('wechat/', wechat, name='wechat'), path('wxapp/', wxapp, name='wxapp'), ] ``` 这些 URL 路由将会把请求分别转发到微信公众号 API 和微信小程序 API。 6. 运行 Django 服务器 最后，运行 Django 服务器并测试你的微信公众号和微信小程序。可以使用 ngrok 工具来暴露本地服务器，以便在微信公众号和微信小程序中访问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值