微信小程序 订阅
微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,已经有超过150万的开发者加入到了微信小程序的开发,与我们一起共同发力推动微信小程序的发展,微信小程序应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,微信小程序还在许多城市实现了支持地铁、公交服务。微信小程序发展带来更多的就业机会,2017年小程序带动就业104万人,社会效应不断提升。 [1]  2017年1月9日,张小龙在2017微信公开课Pro上发布的微信小程序正式上线。2018年2月,微信官方发布公告称:已对涉及假货高仿、色情低俗和违规“现金贷”等超过2000个微信小程序,进行永久封禁处理。2019年8月9日,微信向开发者发布新能力公测与更新公告,微信PC版新版本中,支持打开聊天中分享的微信小程序。 [2] 展开全文
微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,已经有超过150万的开发者加入到了微信小程序的开发,与我们一起共同发力推动微信小程序的发展,微信小程序应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,微信小程序还在许多城市实现了支持地铁、公交服务。微信小程序发展带来更多的就业机会,2017年小程序带动就业104万人,社会效应不断提升。 [1]  2017年1月9日,张小龙在2017微信公开课Pro上发布的微信小程序正式上线。2018年2月,微信官方发布公告称:已对涉及假货高仿、色情低俗和违规“现金贷”等超过2000个微信小程序,进行永久封禁处理。2019年8月9日,微信向开发者发布新能力公测与更新公告,微信PC版新版本中,支持打开聊天中分享的微信小程序。 [2]
信息
外文名
Mini Program
发布时间
2017年1月9日
汉语拼音
wei xin xiao cheng xu
开发商
微信公众平台
中文名
微信小程序
内测时间
2016年9月21日
属    性
应用平台
微信小程序发展历程
2016年1月11日,微信之父张小龙时隔多年的公开亮相,解读了微信的四大价值观。张小龙指出,越来越多产品通过公众号来做,因为这里开发、获取用户和传播成本更低。拆分出来的服务号并没有提供更好的服务,所以微信内部正在研究新的形态,叫「微信小程序」。2016年9月21日,微信小程序正式开启内测。在微信生态下,触手可及、用完即走的微信小程序引起广泛关注。腾讯云正式上线微信小程序解决方案,提供微信小程序在云端服务器的技术方案。2017年1月9日0点,万众瞩目的微信第一批微信小程序正式低调上线,用户可以体验到各种各样微信小程序提供的服务。 [3]  2017年12月28日,微信更新的 6.6.1 版本开放了小游戏,微信启动页面还重点推荐了小游戏「跳一跳」,你可以通过「微信小程序」找到已经玩过的小游戏。 [4]  2018年1月18日,微信提供了电子化的侵权投诉渠道,用户或者企业可以在微信公众平台以及微信客户端入口进行投诉。 [5]  2018年1月25日,微信团队在“微信公众平台”发布公告称,“从移动应用分享至微信的小程序页面,用户访问时支持打开来源应用。同时,为提升用户使用体验,开发者可以设置小程序菜单的颜色风格,并根据业务需求,对小程序菜单外的标题栏区域进行自定义。 [6]  2018年3月,微信正式宣布微信小程序广告组件启动内测,内容还包括第三方可以快速创建并认证小程序、新增小程序插件管理接口和更新基础能力,开发者可以通过微信小程序来赚取广告收入。 [7]  除了公众号文中、朋友圈广告以及公众号底部的广告位都支持微信小程序落地页投放广告,微信小程序广告位也可以直达小程序。 [7]  2018年7月13日,微信小程序任务栏功能升级,新增“我的微信小程序”板块;而微信小程序原有的“星标”功能升级,可以将喜欢的小程序直接添加到“我的微信小程序”。 [8]  2018年8月10日,微信宣布,微信小程序后台数据分析及插件功能升级,开发者可查看已添加「我的微信小程序」的用户数。此外,2018年8月1日至12月31日期间,微信小程序(含小游戏)流量主的广告收入分成比例优化上调,单日广告流水10-100万区间的部分,开发者可获得的分成由原来流水的30%上调到50%,优质微信小程序流量主可获得更高收益。 [9]  2018年9月28日,微信“功能直达”正式开放,商家与用户的距离可以更“近”一步:用户微信搜一搜功能词,搜索页面将呈现相关服务的微信小程序,点击搜索结果,可直达微信小程序相关服务页面。 [10]  2019年8月9日,微信向开发者发布新能力公测与更新公告,微信 PC 版新版本中,支持打开聊天中分享的微信小程序。安装最新PC端测试版微信后,点击聊天中的微信小程序,便会弹出微信小程序浮窗。而在微信小程序右上角的操作选项中,可以进行“最小化”操作,让微信小程序像其他PC软件一样最小化,排列于Windows系统的任务栏中。 [2] 
收起全文
精华内容
参与话题
问答
  • 微信小程序开发实战

    万人学习 2016-09-25 16:55:04
    本套课程使用了元认知教学法,直接实战式教学,摆脱学院派的理论式讲解,对于0基础的学员可以入门编写微信小程序,过程中指导如何学习使用文档查阅接口等,通过两个完整的实战小项目的实例,入手小程序开发。
  • WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 shitoujiandaobu 小程序:石头剪刀布(附代码说明) audiodemo 微信小程序开发之视频播放器 Video 弹...

    wx-gesture-lock  微信小程序的手势密码

    WXCustomSwitch 微信小程序自定义 Switch 组件模板

    WeixinAppBdNovel 微信小程序demo:百度小说搜索

    shitoujiandaobu 小程序:石头剪刀布(附代码说明)

    audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义

    star 微信小程序开发之五星评分

    switchCity 微信小程序开发之城市选择器 城市切换

    huadong_del  微信小程序滑动删除效果

    jianhang_menu 微信小程序开发之圆形菜单 仿建行圆形菜单

    xiaoxiaoxiao_lazyload  实现微信小程序图片懒加载特效

    kangaiduowei  微信小程序:康爱多微商城:学习界面设计

    tianmao_dazhuanpan  小程序实现大转盘 仿天猫抽奖 跑马灯效果(有图有源码)

    weapp-meirong  微信小程序学习用demo推荐:美容商城;列表,预约

    baisi  微信小程序仿百思不得姐

    weapp-one 仿 「ONE · 一个」 的微信小程序

    netmusic-app  仿网易云音乐APP的微信小程序

    a_takeaway  微信小程序的外卖demo

    sideslip  微信小程序『侧边栏滑动』特效

    wx_plo  微信小程序之仿微信漂流瓶

    kwonWhere 微信小程序-知亦行

    audiodemo  微信小程序开发之视频播放 弹幕 弹幕颜色自定义

    wxChart  微信小程序图标插件

    guoku  微信小程序-果库

    snake  微信小程序-贪吃蛇小程序

    douban_movie  微信小程序-仿豆瓣电影

    RecordDemo  麦克风动画

    shishanggou  实现了包括常用组件,ajax获取数据,模板使用,路由等的使用,下拉刷新数据;

    jiajuzaixian  家具在线-演示如何使用下拉选项

    wechat-app-ipinbb  爱拼宝宝-功能非常全的电商应用

    TodayNews-wx  微信小程序-今日头条

    WXNative-bpgg  奔跑果果-微信小程序

    wechatapp-demo   是目前我发现的,实现实用功能较多的demo,推荐大家学习研究

    weapp-MatterAssistant  微信小程序-事项助手

    weapp-wymusic  微信小程序 仿网易云音乐

    weapp-wechat-nearby  微信小程序-仿找事吧app附近三公里

    bs  精简版百思不得姐

    WXBaiSi  微信小程序版 百思不得姐

    weapp-demo-breadtrip  基于面包旅行 API 制作的微信小程序示例

    html-to-wxml  小程序中将html内容转化成wxml可以显示的内容,方便用于小程序中显示

    kachezhijia  自卡车之家,有丰富的卡车司机和物流园区的资源,所以这个小程序可以说也是他们未来工作上的一个必将实施的项目。

    WxEmojiView   微信小程序Emoji展示输入组件alpha 0.1

    GankCamp-WechatAPP gank.io (干货集中营) 微信小程序 版本

    wechat-JD  微信小程序仿京东首页

    wechat-turntalbe-canvas  用微信小程序开发的Canvas绘制可配置的转盘抽奖。

    mangguoTv  微信小应用-小程序-demo-仿芒果TV

    wxreading  微信小程序跟读

    WeChatMeiZhi  微信小程序版妹纸图 API from gank.io

    CountDown  微信小程序倒计时组件

    weapp-github  微信小程序--github

    wechat-weapp-mapdemo  微信小程序开发demo-地图定位,非常简单的demo,只为了解一下微信小程序

    wechat-cnode  微信小程序 cnode社区版

    weapp-newsapp  微信小程序-公众号热门文章信息流

    wechat-weapp-taobao  微信小程序demo 仿手机淘宝

    timer  番茄时钟微信小程序版

    wechat-app-music  微信小程序:音乐播放器 技术栈: redux + es7 +labrador

    fenda-mock  使用微信小程序实现「分答」这款APP的基础功能

    Wa-UI  针对微信小程序整合的一套UI库

    wx-query  微信小程序 仿jQuery插件

    weapp-artand  微信小程序 Artand

    WeiXin-SmallApps-Information  微信小程序-仿今日头条

    weapp-wechat-zhihu  微信中的知乎--微信小程序

    WeApp  基于微信小程序开发的仿微信demo

    SmallApp  微信小程序

    wechat-v2ex 微信小程序-v2ex

    weipiao 微信小程序-微票

    DouBanBookApp   微信小程序之小豆瓣图书

    wxapp-calc 一个简单的微信小程序-简易计算器

    weapp-wechat-zhihu   模仿知乎的小程序

    wx-movies-demo   小程序--影讯

    caiquan  微信小应用,猜拳小游戏

    hayeah-wxapp-Breakfast  小林早厨微信小程序

    AppleMusic  微信小程序,仿Apple Music

    cnode_wechat-webapp 用cnode社区api做的微信小应用

    shoppingcar 一个点餐、购物的购物车效果

    wechat-weapp-mall 微信小程序实现移动端商城

    SmallAppForQQ  高仿手机QQ应用程序

    zhihudaily  微信小程序-知乎日报

    wechat-weapp-gank 微信小程序-干货投稿应用

    TeamToy  调用TeamToy API 的微信小程序 Demo

    douban 微信小程序(应用号)示例教程(豆瓣电影)

    展开全文
  • 基于微信小程序的培训机构系统 前言:该系统作为本科毕业设计,可能还有很多的不足。只是当时做这个系统的时候,由于需要使用java语言作为后端实现与微信小程序界面数据交互,看遍网上很多的案例基本后台都是php语言...

    基于微信小程序的培训机构系统

    前言:该系统作为本科毕业设计,可能还有很多的不足。只是当时做这个系统的时候,由于需要使用java语言作为后端实现与微信小程序界面数据交互,看遍网上很多的案例基本后台都是php语言用于编写接口,几乎没找到过java作为后台语言的案例。写这篇博客只是为了帮助需要后台使用java语言来实现的朋友。

    一、项目介绍

    微信小程序端:

    1. 小程序端管理员实现对信息模块的管理,包含课程、讲师、学员三类模块。
    2. 小程序端用户实现各类模块内容的浏览。

    Web后台管理端:

    1. Web端管理员实现对信息模块的管理;
    2. Web端讲师实现对培训机构学员课程成绩打分等功能;
    3. Web端学员实现对培训机构课程的报名、退选以及课程成绩查看等功能;

    二、相关技术

    1. 微信小程序(js、css前端基础):前端小程序页面;
    2. SSM框架(Spring+SpringMVC+Mybatis):微信小程序界面需要调用的接口以及后台的管理系统;
    3. Maven:项目管理必备的技术;
    4. Shiro框架:保证系统安全的框架;
    5. Bootstrap前端框架:Web后台管理端的后台界面;

    三、项目配置搭建
    链接:https://blog.csdn.net/qq_38285537/article/details/91326332

    四、系统结构
    三层模块:客户端、服务端、数据端

    五、界面展示
    管理员默认账号为admin,密码123,登录进入管理导航界面;
    用户登录界面
    在这里插入图片描述
    首页管理导航,实现对学员、讲师、课程进行增删改查的操作。
    在这里插入图片描述
    添加学员表单界面
    在这里插入图片描述
    学员名单表格页面使用表格的形式进行显示学员的信息数据。由于微信小程序展示的数据界面比较小,通过设计成可以上下左右滑动表格的方式来查看数据,可以使得小程序也展现表格形式的页面。
    在这里插入图片描述
    在这里插入图片描述
    修改学员界面
    在这里插入图片描述
    用户首页界面,登录账号:1001,密码:123
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    热门课程内容展示
    在这里插入图片描述
    在这里插入图片描述
    我的功能界面
    在这里插入图片描述
    Web端后台管理模块
    管理员模块:课程管理、学员管理、课程管理
    在这里插入图片描述
    讲师模块:课程成绩打分,查看教授课程
    在这里插入图片描述
    学员模块:对课程进行报名以及退选,查看报名课程,查看讲师给自己报名课程的评分;
    在这里插入图片描述

    本毕设系统三个月陆陆续续所完成,也花费了大量的时间和经历,下面提供源码进行参考学习。

    源码下载地址:

    • 该系统源代码上传gitee平台供参考(求Star):https://gitee.com/tangjiadong/Training-master

    本博客属于个人原创,转载请注明出处;
    本系统还要很多不足的地方,由于毕设时间的限制,实现就好;
    作者:CodeTang

    展开全文
  • 【小程序】微信小程序开发实践

    万次阅读 多人点赞 2016-11-07 17:14:27
    :)填写企业信息不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。填写公司机构信息,对公账户信息绑定管理员微信企业认证公司对公账户对微信进行打款 账户自动验证后,自动认证通过,并...

    帐号相关流程

    注册范围

    • 企业
    • 政府
    • 媒体
    • 其他组织

    换句话讲就是不让个人开发者注册。 ?

    填写企业信息

    不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。

    填写公司机构信息,对公账户信息

    绑定管理员微信

    企业认证

    1. 公司对公账户对微信进行打款
    2. 账户自动验证后,自动认证通过,并将认证资金退回公司对公账户,费用在1元内随机

    小程序发布流程

    流程

    开发实践

    这次的demo项目为农历和公历的转换器,重在体验开发流程。

    AppID(小程序ID)

    做上面的那些步骤就是为了得到小程序ID~

    创建项目

    我们在官方下载的微信wweb开发者工具中,必须填入小程序ID才能进行下一步,在选择项目目录之前,最好先创建一个代码仓库,来管理我们的项目代码。

    创建项目

    调试工具

    这里写图片描述

    左边第一个tab是编辑,也就是说,这还是个简易的编辑器。

    ?

    上传

    从上面可以看出的是,开发者通过web开发者工具进行小程序代码的上传,上传到微信端的服务器。

    通过微信端的身份验证,再加上上传的操作需要管理员帐号扫码确认,从而给开发者一种封闭的感觉。

    上传demo

    首先复制小程序的官方demo到项目中

    项目结构

    结构还是比较简单的,微信给的demo并不多,也就是以后大家的代码还是会跟随自己的风格来走~

    项目结构

    上传到微信

    上传操作为重要操作,需要管理员账户扫码确认,二维码有效期为5分钟。

    之后是版本信息,对应的是项目的代码仓库的版本信息。

    上传

    上传操作完成之后,会展示本次的信息。

    2016/11/7 下午4:58:18, 编译包大小 13 kb

    提交审核

    回到小程序管理后台,就能看到这次的开发版本提交信息。

    审核上线

    点击审核按进行审核

    提交审核操作,需要管理员帐号进行微信扫码确认。

    接下来需要添加测试微信号,填写配置功能页面

    注意的是

    绑定测试微信号
    该微信号将提供给微信审核人员审核微信小程序时登录使用,微信号需能够体验小程序的全部功能,请勿使用常用微信号扫描

    也就是说以后微信的小号会越来越多~

    ?

    提交审核

    之后,就会看到审核版本的状态

    等待审核

    通过审核就可以上线咯~

    快速上手体验

    从注册流程到发布流程,体现了微信小程序的封闭性

    凭借着微信这么大的体量,前端的同学又有一个方向了~

    参考资料

    展开全文
  • 微信小程序开发【前端+后端(java)】

    万次阅读 多人点赞 2018-07-13 22:19:46
    现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序,最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的...
    1. 前言
      现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序,最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的一些经验和一些心得吧。

    2. 主要内容
      springboot后端架构构建
      小程序项目构建
      小程序api调用
      后台resetful接口编写
      小程序调用后台接口
      免费的https申请
      linux下部署上线

    3. 微信小程序项目构建
      这些基础的东西我就不过多介绍,大家在刚开始开发的时候一般都没有自己的服务器及域名,所以大家在本地编写的时候,在“详细”下的“项目设置”里面将“不校验域名安全性”勾选。这里写图片描述
      至于微信小程序的组件,即前端页面的开发希望大家耐住寂寞认真在微信开发平台上,组件https://developers.weixin.qq.com/miniprogram/dev/component/及api:https://developers.weixin.qq.com/miniprogram/dev/api/

    4. 后端详解
      我在后端编写主要是用java,当然对其他开发语言熟悉的也可以使用其他语言开发后端。现在我就java编写后端api的讲解。主要框架springboot,开发工具myeclipse,服务器阿里云服务器。
      创建一个maven项目,导入相关依赖:
      pom.xml依赖

        <!-- 统一版本控制 -->
    	<parent>
    		<groupId>org.springframework.boot</groupId>
    		<artifactId>spring-boot-starter-parent</artifactId>
    		<version>1.5.9.RELEASE</version>
    	</parent>
    	<dependencies>
    		<!-- freemarker渲染页面 -->
    		<!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-freemarker -->
    		<dependency>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-starter-freemarker</artifactId>
    		</dependency>
    
    		<!-- spring boot 核心 -->
    		<dependency>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-starter-web</artifactId>
    		</dependency>
    
    		<!-- springboot整合jsp -->
    		<!-- tomcat 的支持. -->
    		<dependency>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-starter-web</artifactId>
    			<exclusions>
    				<exclusion>
    					<groupId>org.springframework.boot</groupId>
    					<artifactId>spring-boot-starter-tomcat</artifactId>
    				</exclusion>
    			</exclusions>
    		</dependency>
    
    		<dependency>
    			<groupId>org.apache.tomcat.embed</groupId>
    			<artifactId>tomcat-embed-jasper</artifactId>
    		</dependency>
    	</dependencies>
    

    在配置文件src/main/resources/下创建application.properties文件可以修改一些配置参数等。

    #jsp支持
    spring.mvc.view.suffix=.jsp
    spring.mvc.view.prefix=/WEB-INF/jsp/
    #this is set port
    #server.port=80
    server.port=443
    #添加ssl证书
    #ssl证书文件名
    server.ssl.key-store=classpath:xxxxxxx.pfx
    server.ssl.key-store-password=xxxxxxxx
    server.ssl.keyStoreType=xxxxxxxx
    

    在实际项目中可能涉及数据库,还要整合mybatis,在文章中,我仅仅做测试就不做使用数据库的测试。
    首先创建springboot的入口程序:app.class下面贴上代码:

    @ComponentScan(basePackages= "com.bin")//添加扫包@ComponentScan(basePackages= "")
    @EnableAutoConfiguration
    public class App{
    
    	//启动springboot
    	public static void main(String[] args) {
    		SpringApplication.run(App.class, args);
    	}
    }
    

    启动项目时直接右击run即可。
    在写一个测试的controller进行微信小程序与java后端实现通信,controller代码如下:

    @RestController
    @SpringBootApplication
    public class ControllerText {
    	
    	@RequestMapping("getUser")
    	public Map<String, Object> getUser(){
    		System.out.println("微信小程序正在调用。。。");
    		Map<String, Object> map = new HashMap<String, Object>();
    		List<String> list = new ArrayList<String>();
     		list.add("zhangsan");
     		list.add("lisi");
     		list.add("wanger");
     		list.add("mazi");
     		map.put("list",list);
    		System.out.println("微信小程序调用完成。。。");
    		return map;
    	}
    	
    	@RequestMapping("getWord")
    	public Map<String, Object> getText(String word){
    		Map<String, Object> map = new HashMap<String, Object>();
    		String message = "我能力有限,不要为难我";
    		if ("后来".equals(word)) {
    			message="正在热映的后来的我们是刘若英的处女作。";
    		}else if("微信小程序".equals(word)){
    			message= "想获取更多微信小程序相关知识,请更多的阅读微信官方文档,还有其他更多微信开发相关的内容,学无止境。";
    		}else if("西安工业大学".equals(word)){
    			message="西安工业大学(Xi'an Technological University)简称”西安工大“,位于世界历史名城古都西安,是中国西北地区唯一一所以兵工为特色,以工为主,理、文、经、管、法协调发展的教学研究型大学。原中华人民共和国兵器工业部直属的七所本科院校之一(“兵工七子”),陕西省重点建设的高水平教学研究型大学、陕西省人民政府与中国兵器工业集团、国防科技工业局共建高校、教育部“卓越工程师教育培养计划”试点高校、陕西省大学生创新能力培养综合改革试点学校。国家二级保密资格单位,是一所以\"军民结合,寓军于民\"的国防科研高校。";
    		}
    		map.put("message", message);
    		return map;
    	}
    	
    	@RequestMapping("")
    	public String getText(){
    		return "hello world";
    	}
    
    
    }
    

    至此简易的后端框架及测试基本完成。
    说明:@RestController与@Controller注解的区别@RestController相当于两个注解,它能实现将后端得到的数据在前端页面(网页)中以json串的形式传递。而微信小程序与后台之间的数据传递就是以json报文的形式传递。所以这就是选择springboot框架开发小程序后端的主要原因之一。可以方面我们进行小程序的后端开发。

    1. 小程序发起网络请求
      在完成了小程序的后端开发,下面进行小程序端发起网络请求。
      下面以一个简单的按钮请求数据为例:
      wxml文件
    <button bindtap='houduanButton1'>点击发起请求</button>
    <view wx:for="{{list}}">
        姓名:{{item}}
      </view>
    
    js文件
    
     /**
       * 页面的初始数据
       */
      data: {
        list: '',
        word: '',
        message:''
    
      },
      houduanButton1: function () {
        var that = this;
        wx.request({
          url: 'http://localhost:443/getUser',
          method: 'GET',
          header: {
            'content-type': 'application/json' // 默认值
          },
          success: function (res) {
            console.log(res.data)//打印到控制台
            var list = res.data.list;
            if (list == null) {
              var toastText = '数据获取失败';
              wx.showToast({
                title: toastText,
                icon: '',
                duration: 2000
              });
            } else {
              that.setData({
                list: list
              })
            }
          }
        })
      }
    

    主要调用的api就是wx.request,想知道将详细的介绍大家可以去微信公众平台
    接下来以搜索类型的请求为例:
    wxml文件:

     <input type="text" class="houduanTab_input" placeholder="请输入你要查询的内容" bindinput='houduanTab_input'></input>
      <button bindtap='houduanButton2'>查询</button>
      <view wx:if="{{message!=''}}">
        {{message}}
      </view>
    

    js文件:变量的定义见上一个js文件

    //获取输入框的内容
      houduanTab_input: function (e) {
        this.setData({
          word: e.detail.value
        })
      },
      // houduanButton2的网络请求
      houduanButton2: function () {
        var that = this;
        wx.request({
          url: 'http://localhost:443/getWord',
          data:{
            word: that.data.word
          },
          method: 'GET',
          header: {
            'content-type': 'application/json' // 默认值
          },
          success: function (res) {
            console.log(res.data)//打印到控制台
            var message = res.data.message;
            if (message == null) {
              var toastText = '数据获取失败';
              wx.showToast({
                title: toastText,
                icon: '',
                duration: 2000
              });
            } else {
              that.setData({
                message: message
              })
            }
          }
        })
      }
    

    至此已经完成了简易的微信小程序端与java后端进行通信。
    现在可以在启动后端项目在微信开发工具上进行测试。
    演示效果:
    这里写图片描述
    这里写图片描述
    所以至此已经完成了小程序的前后端通信。

    1. https申请
      其实也不算什么申请,在购买域名之后可以申请免费的ssl证书,在前面的配置文件application.properties中有证书的配置,将证书的pfx文件直接添加到后端项目下即可。
    2. 购买服务器部署后端api代码
      对于springboot项目,本人建议打jar,直接在服务器上部署即可,在服务器上只需要安装对应版本的jdk即可。项目部署命令:
      我购买的是阿里云的轻量级应用服务器部署的。比较划算吧。
    运行命令: nohup java -jar helloworld.jar &
    

    nohup的意思不挂服务,常驻的意思,除非云服务器重启,那就没法了;最后一个&表示执行命令后要生成日志文件nohup.out。
    当然还可以使用java -jar helloworld.jar

    源码:链接: https://pan.baidu.com/s/1PfByFfEgqkVALcc3PRhn9w 提取码: c7yf

    结束语:由于时间篇幅问题,本人介绍的内容很有限,希望对这方面有兴趣的你能有帮助。共同进步。
    觉得有帮助,给个赞赏吧。给赞赏的优先同意qq或者微信,问问题秒回复等[滑稽],谢谢老铁。
    在这里插入图片描述

    展开全文
  • 微信小程序毕业设计、微信小程序商城毕业设计

    万次阅读 多人点赞 2019-07-04 11:36:36
    微信小程序毕业设计、商城小程序】 该微信小程序商城功能模块包含: 首页、分类、商品详情页面,包含加入购物车、收藏商品、商品评论功能、用户登录、微信登录、订单管理、地址管理;完整的购物流程,商品的加入、...
  • 申请微信小程序并认证的步骤参见三掌柜发布的名为“微信小程序:微信公众号申请微信小程序并认证的步骤”这篇文章,这里只介绍怎么正确登录到微信小程序管理后台界面。  发现一个问题,之所以被误导就是因为没有...
  • [微信小程序]搜索功能实现,搜索框样式

    万次阅读 多人点赞 2017-11-28 11:21:11
    微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: 上效果图: 一:搜索框功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面 <view class='page_row' bindtap=...
  • 微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: 一:微信小程序跳转 使用限制 需要用户触发跳转 从 2.3.0 版本开始,若用户未点击小程序页面任意位置,则开发者将无法调用此接口...
  • 微信小程序跳转到其他网页(外部链接)

    万次阅读 多人点赞 2018-03-08 13:48:50
    个人类型和海外类型的小程序不支持 web-view 标签 也就是说个人申请的小程序,就别想跳转了!!!! 1.开发的时候,我们难免碰到要跳转到其他网页中去那该怎么实现呢? 2.例如我想点击一个按钮,跳转到百度(百度...
  • 零基础入门微信小程序开发

    万次阅读 多人点赞 2018-07-03 02:45:07
    本课程是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装...
  • 微信小程序集成实时音视频通话功能 背景 在项目的开发当中,很多时候,我们会有音频、视频通话的需求,但是一般都不会自己来写,所以我们就需要借助第三方来实现。尤其是这次的项目开发当中,需要在微信小程序当中...
  • 微信小程序框架的制作

    千人学习 2019-01-06 20:13:37
    讲解微信小程序开发所需要准备的注意事项;开发工具的下载;怎么创建和运行第一个微信小程序,以及如何改造;分析微信小程序的目录结构;app.json配置文件的详细分析;实战讲解微信小程序框架的制作!为你小程序的...
  • 微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识。 微信小程序系统教程共有“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]——核心技术”、“微信小程序...
  • 微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识。 微信小程序系统教程共有“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]——核心技术”、“微信小程序...
  • 微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识。 微信小程序系统教程共有“微信小程序系统教程[初级阶段]”、“微信小程序系统教程[中级阶段]——核心技术”、“微信小程序...
  • 都是些小程序源码,有的还有后台,适合小白、也适合学过了的、也适合做外包的,要的可以取...https://www.douban.com/group/topic/113284790/o2o微信小程序源码-专门针对o2o类别的小程序源码集合【更新整理中...】ht...
  • 微信小程序微信小程序开发实例

    千次阅读 多人点赞 2018-04-19 13:44:14
    WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 shitoujiandaobu 小程序:石头剪刀布(附代码说明) audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹...
  • 微信小程序商城demo

    万次阅读 2020-05-07 22:55:59
    https://github.com/EastWorld/wechat-app-mall
  • 微信小程序签到考勤系统

    万次阅读 多人点赞 2019-06-26 16:40:38
    这是我自己编写的一个微信小程序,用于课堂的签到考勤。秉承着开源精神,把源码分享出来,一起学习,一起成长! 1小程序端 在小程序客户端这边,我一开始是想这样设计的:任何一个用户在第一次使用时会进入一个...
  • Springboot+Mybatis+Mysql+ 微信小程序+Mpvue 1、小程序展示 2、功能介绍 用户第一次使用小程序 用户授权 上传视频和图片 设置密码和有效期 分享给微信好友 输入密码提取资料 下载资料 个人...
  • 微信小程序项目实战之天气预报

    千人学习 2017-07-16 16:43:17
    带领新手完成一个简单的微信小程序天气预报的项目
  • 今天来给大家讲解一个完整的微信小程序点餐项目。java后台+微信小程序实现点餐系统。 后台技术选型: JDK8 MySQL(需要5.6以上) Spring-boot Spring-data-jpa Lombok Freemarker Bootstrap Websocket 小程序端...
  • 微信小程序动态修改页面标题setNavigationBarTitle

    万次阅读 多人点赞 2017-12-22 14:27:22
    微信小程序是可以动态修改页面标题的。 首先我们来看看静态是怎么实现的 在对应页面的json文件里面加入下面代码就可以实现了{ "navigationBarTitleText": "素材图库" }效果图如下: 其他动态的也是十分简单...
  • Django微信小程序后台开发教程

    万次阅读 多人点赞 2018-10-19 20:38:05
    Django微信小程序后台开发教程1 申请小程序,创建hello world小程序2 添加交互框和按钮3 在服务器配置hello django4 实现计算器接口5 配置服务器将后端与微信小程序连接5.1 uwsgi配置5.2 http协议(80端口)下的...
  • 微信小程序之授权登录(附完整源码)

    万次阅读 多人点赞 2018-03-21 10:38:05
    个人博客上已经同步更新了文章,有目录索引,阅读起来比较方便,欢迎大家移步个人博客上读阅~ 个人博客地址:... 微信小程序之授权登录 一、前言 由于微信官方修改了 getUserIn...
  • 微信小程序下拉刷新/上拉加载更多

    万次阅读 多人点赞 2017-12-19 09:37:50
    小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效; 看一下json文件 "enablePullDownRefresh": true, 注意这里的true是...
  • 关于微信小程序文字水平垂直居中

    万次阅读 多人点赞 2018-06-02 22:36:38
    1.用line-height的值和view的height值一样wxml:&lt;view class='container'&gt; 这是个例子 &lt;/view&gt;wxss:.container{ border: 2rpx black solid; width: 400rpx;... line-h...
  • 做任何程序开发要首先找到...这里就是做微信小程序开发的全部官方文档。 知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发: 第一步: 下载微信小程序开发者工具并安装,下载路径: https://mp.weix...
  • 摘要:微信小程序教程合集、微信小程序开发资源合集、微信小程序DEMO合集、微信小程序商店合集、微信小程序经验合集、微信小程序技巧合集 微信小程序开发工具 5款微信小程序开发工具使用报告 微信小...

空空如也

1 2 3 4 5 ... 20
收藏数 125,174
精华内容 50,069
关键字:

微信小程序