高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

关于知识类的小程序(合集)6篇

2024年关于知识类的小程序 篇1

昨日微信公布消息:将很快支持各个APP直接打开小程序!

小程序刚刚上线时候,可谓饱受争议。

可是

一年,小程序发布共 100 余项新功能

一年,小程序后台开发者从 0 到 100 万

“跳一跳”小程序上线仅 3 天玩家破 4 亿

腾讯财报宣布将小程序作为未来的战略焦点

小程序的日活从 0 到 1.7 亿,数量从 200 到 580000

小程序用一年时间交出了一份精彩的答卷。

很多人都想学习如何玩转小程序,只因怕错过小程序的红利。

奈何现在众说纷纭,真正能解答大家疑问的,没有几位。

之前很多朋友问我:

怎么做一个小程序?

通常情况下,有两种方法可以达成。

1、 定制化开发:

集齐前端、后端、UI、数据库等方面的负责人,你就可以召唤小程序了。

只是这人数少说3-6人,多了就没数了。

加上具体执行人员的水平,直接影响到产品的质量、上新进度等结果。

这种方式相对来说更适合有实力的大企业。

2、 使用小程序模板

现在有一些公司提供小程序模板售卖。

购买者可以依据此模板直接生成相关小程序。

只是这些模板质量参差不齐,若能买到好的算是颇为便捷,差的却让你用的牙痒痒。

为什么要做小程序?

这个问题问得好!

很多人只是怕错过了这个风口,就想先做一个试试。

这是一个错误的想法。

在做小程序之前,一定要想好小程序能带给你什么?你要什么?你要怎么运营、怎么玩?

这些都没想好,小程序本身也做不好。

现在大体上,分为两种:为现有业务服务的、圈流量的。

现在很多商家,如饭店之类,选择了小程序做自己的支付体系。

提高了用户体验之余,隔三差五推送个优惠信息,极大提高用户粘性。

要么就是娱乐类,用跳一跳举例,就是通过小程序聚拢流量,再通过广告等形式变现。

现在市场远未饱和,还有很大空间可以尝试。如果没有实际业务但是还想尝试小程序的,可以偏向后一种形式。

其他诸如:

小程序发布的审核要求是什么?

小程序有些什么上线申请技巧?

如何低成本推广小程序?

如何快速掌握小程序的传播推广技巧?

什么类型的小程序会火?

都是被问过很多次的问题。

有些问题展开讲就不是一篇文章能讲清楚的,还有的问题没有一个标准答案,要结合实际情况解答。

鉴于这种情况,我们姑婆那些事儿特别举办了一个小程序讨论学习群,群里有专家亲自答疑,更有丰富资源、人脉助力你的事业。

如果有兴趣可以添加咨询

2024年关于知识类的小程序 篇2

保护环境人人有责,在国家大力号召的同时,我们也要养成好的习惯,为我们自己的家园贡献一份力量,一份责任,在硬性要求垃圾分类的时候,很多人还是傻傻的分不清楚干湿垃圾等等,然后市场就出现了N多种的垃圾分类小程序,简单介绍几种吧,大家都熟悉的!

BAT小程序开启“查垃圾大战”,作为一项将改变中国环保未来的长期政策,上海之后各地也开始实施倒计时,国民对垃圾分类相关服务的诉求,将会伴随垃圾分类全民时代的到来而越来越强烈。就在网上一片调侃最严垃圾分类带来的不便时,部分用户已开始通过使用相关小程序进行了学习和了解,BAT也做足了功夫帮助用户更早的学会甚至处理垃圾分类。

站在个人角度,一个只能玩小游戏、网络购物的小程序是没有生命“价值”的,至少在当下移动互联网世界里这两个诉求缺了小程序,同样会有ABC其他产品作为“替补”。在“查垃圾大战”中天浩真实的感受到小程序存在的意义,日常生活里类似垃圾分类这样的低频长尾需求,无论现在还是将来都会永恒存在,背靠超级APP的各大小程序为解决以上问题提供了圆满答案,这是小程序对于世界而言最大的价值所在。

如今,小程序也渐成各大公司的标配,近的有本月360上线的小程序平台,远的有去年今日头条小程序。但就目前而言,BAT仍是小程序最核心的三个玩家,有流量、有生态、有技术积累,小程序让生活变得简单,单从这次查垃圾大战之中观察,BAT谁的表现更好?下文将进行详解。

强关注带来小程序新机会

国人对垃圾分类并不陌生,从上世纪90年代开始提倡,目前各大城市早已遍布各种颜色的垃圾分类桶。但垃圾分类是一个从分类投放、分类收集、分类运输、分类处理的完整链条,只是由于用户习惯未能够被养成,以及相关政策的滞后。虽然国家一直呼吁进行垃圾分类,许多城市也进行了相关试点,可大体上垃圾分类在以前已经成为一种摆设。

不过,随着垃圾分类制度将入法,上海成为首个实行垃圾强制分类的城市,北京和其它省市强制垃圾分类的时间也将不远。据悉,7月1日当天上海就开了623张整改单,意味着乱“放”垃圾不仅会被罚款,甚至还会影响到个人信用。俗话说,习惯的力量是难以抗拒的,被大家忽视的垃圾分类突然无比重要起来,为了“恶补”垃圾分类,网友都开启了“好学”模式。

(“垃圾分类”百度指数)

7月1日当天,垃圾分类百度指数达到1418230,相比半年前的指数翻了一千多倍;同样,“垃圾分类”微信指数(最多显示90天)也在90天内出现暴涨,4月4日指数值为370562,7月2日到达56238083。网友突然的强关注催生了“垃圾分类”经济,不仅仅是小程序,围绕垃圾分类有关的企业和平台也大大受益。

(百度搜索结果VS微信搜一搜结果)

要知道,在垃圾分类火了之后,百度APP搜索框里和微信搜一搜里搜索这四个字,自然结果中都有相关的小程序进行推荐。百度APP上第一位置推荐的是“垃圾分类助手”小程序,微信搜一搜结果中的小程序模块推荐的是“垃圾分类指南”小程序。

当然在支付宝、QQ、今日头条、抖音等超级APP上都能够搜索到和垃圾分类相关的小程序。天浩第一时间进行了试用,有惊喜也发现了许多不足。

BAT“垃圾分类”有何优缺点?

面对“垃圾分类”这个热点,最先出手的是微信,6月29日腾讯微信团队官微一口气推荐了4款垃圾分类相关的小程序,除了提供查询、教程、识别等功能,还有和“分垃圾”有关的游戏。作为小程序领域的先行者,无论用户量还是服务商数量,微信都领跑所有玩家。

微信

6月27日微信在上海举办的2019年首场线下公开课上透露,截至2019年6月,8200家服务商共推出了630000个小程序,官微上一口气推出四款垃圾分类小程序,展现的正是微信生态上服务商的活跃。其实这四款只是官方“钦定”的四个代表,据微信团队表示,目前平台上已有百余款垃圾分类小程序,从数量上而言,腾讯无疑笑傲BAT三家。

更值得关注的是,官微推荐的第一款“生活垃圾怎么分”,是上海市绿化和市容管理局、上海发布合作提供的查询平台,只要在搜索框内输入垃圾名称,就可以显示该垃圾的垃圾分类。第二款是个人开发者开发的“垃圾分类指南”,提供更丰富的文字和图片相关的资料。第三款“垃圾分类工具”开发主体是上海场鲸科技有限公司,是款主打拍照识别垃圾种类的小程序,实测下来识别率一般。第四款“垃圾分分分”资料显示开发者是上海游族公益基金,是一款以垃圾分类为主题的小游戏。

可以说,无论小程序数量上,还是开发者的多元化,以及小程序类型的细分上,微信小程序都远远胜于后两者。而缺点则是相关小程序提供的服务大多是围绕知识类,并没有对垃圾分类进行更深层次“连接”,考虑垃圾分类“热点”也不过是在近期才开始爆发,浅层连接的问题还算可以接受。同时也暴露微信上一个新的问题,垃圾分类小程序多达百款,如果不是官微进行了推荐,用户想找到适合自己的“那一款”小程序还是个麻烦事。

尤其是在微信通过分享传播为主的小程序“引客”方式,为用户发现合适自己的小程序上又添加了不小的困难,多也有时候也是一个弊端。

支付宝

同微信一样,支付宝也是第一时间就上线了垃圾分类相关的小程序,据支付宝透露,受上海实施最严垃圾分类措施影响,仅华东地区就有超过60名个人开发者在支付宝平台上申请开发垃圾分类相关小程序。但从目前来看,在支付宝小程序搜索框里搜索垃圾分类的结果并不多,不到10个,数量上远远少于微信。

类型上,支付宝小程序有查询、教程、图片识别类型,却没有微信上“垃圾分分分”小游戏形式的小程序。可以说,在小程序数量与类型上支付宝相比微信有着不小的差距,不过优势的是在整个服务链条上的下沉方面,支付宝相比微信就有明显的竞争力。

用户在支付宝“垃圾分类指南”小程序内输入“酒瓶”等可回收物类型垃圾的查询,结果里会有“预约上门”的入口,用户点击可直接预约上门“收垃圾”服务。这个入口打通的是“易代扔”,用户也可以通过易代扔小程序直接选择回收垃圾的服务。天浩经过测试发现,所在的涿州市尚不能使用该服务。不过据支付宝公开的消息显示,该服务已支持155个城市,其中生活垃圾回收覆盖11个城市8000多个小区,累计有200多万人在平台下单“卖垃圾”。

而且,使用易代扔用户获得的不是垃圾换来的金钱,而是蚂蚁森林能量,根据回收物的大小,用户可获得不等的蚂蚁森林能量。目前来看,易代扔只和垃圾分类指南小程序打通,并未和其他小程序进行关联。从中可见支付宝相比微信的优势,就是在于连接线下服务上阿里能够提供更深层的服务支持。仅以回收垃圾而言,就涉及支付宝账户、蚂蚁森林能量、位置分享等功能,这是社交为主的微信与搜索/信息流为主的百度难以提供如此深的服务链。

短板也很明显,本就是工具属性的支付宝上用户会缺乏“发现”小程序的耐心,用户获取将是个麻烦。百度通过搜索引流,微信可通过聊天框、微信群、朋友圈、搜索及发现小程序等入口引流,而支付宝上引流渠道比较单一,只能通过搜索或平台推荐来获取。而且支付宝上的用户目的比较直接,在同支付、信用分、商品交易等关联不大的小程序类型上支付宝生态就缺乏了应用场景,尤其是娱乐相关方面,比如说支付宝上没有上线垃圾分类小游戏类的小程序就是很好的证明。

2024年关于知识类的小程序 篇3

近期,微信小程序游戏在微信圈里炸开了锅!瞬间成为我们闲暇时间谈论的话题,这些游戏当中频繁刷屏的,莫过于“跳一跳”小游戏了。

微信好友之间为了竞技刷分,可谓各显神通,有的甚至用上了“辅助程序“(小编顿时觉得,知识就是力量)。那么今天小编给大家介绍一下“跳一跳”小游戏的高分技巧,不排除“辅助程序”哦!

那么它是否存在纯天然、无污染的高分秘籍呢?答案是肯定的。

1)跳到指定中心点,可以+2、+4、+6……连续加分

2)跳到音乐盒,停留几秒,听到播放音乐,+30分

3)跳到便利店,停留几秒,看到便利店会开门+15分

4)跳到魔方,停留几秒,等到魔方会旋转,+10分

5)跳到井盖,停留几秒,当听到会有冲水的声音,+5分

如果仅仅掌握上述的几种高分秘籍,在刷分竞技游戏中当然是站不住脚的,接下来我们分析一下看看是否有更高的武林秘籍?

首先分析一下“跳一跳”小游戏的本质:它是基于H5的小游戏,有良好的游戏界面,和交互能力。

它通过手指按压屏幕,触发跳跃事件,然后依据各种物理方程来绘制弹跳动画。比如,重力加速度,二次方程,减速运动等等。

总之,跳一跳的距离与按压的时间长短程线性关系。这样以来我们就很容易得到他们之间比例关系了。

甚至有些牛人根据音效判断时间,从而计算出跳跃距离。

针对上述原理,github上有位大神分享了该跳一跳绿色游戏辅助程序,有了这款刷分神器,小编可谓是雄霸朋友圈啊!

该游戏辅助程序主要通过adb命令来截图(不会泄露隐私信息)和模拟按压。截图的目的有两个:一个是确定手机分辨率,然后确定估算跳跃距离和按压时长之间的比例关系;第二个目的是用来识别起跳点和目标点所在的(x,y)坐标,便于用欧式公式来计算两点之间的距离。

模拟按压就是通过adb命令,模拟手指触屏事件。有上述两个方法,我们可以通过脚本来控制跳一跳。

在自动化脚本上,大神利用图像识别以及分割精确测量出起始和目标点之间测距离,就可以估计按压的时间来精确跳跃,从而实现棋子和棋盘的定位,从而实现自动化跳跃。

有兴趣的朋友可以详参:github(https://github.com/wangshub/wechat_jump_game),小编亲验哦,代码安全可靠,有刷分倾向的小伙伴可以一试。

小编认为,在人工智能火爆发展的时代,针对这些类似跳一跳的小游戏,利用基于图像处理的机器学习AI能够轻松完胜人类,我们在感叹科技猛飞的同时,也要考虑一下个人的处境问题:打个比方如果人工智能把一些人的职业取代了,到底是好事还是坏事呢?这个问题值得我们深思......

最后小编建议:

采用“辅助程序”玩游戏要当心个人隐私安全问题,不要轻易使用“辅助程序”,除非你懂得辅助程序的原理或能看懂它们的源码。为了和谐社会,小编呼吁:公平游戏,避免使用辅助程序。如选择辅助程序,请选择绿色开源辅助程序。

跳一跳最解压玩法:

2024年关于知识类的小程序 篇4

序:北漂做了几年的程序猿,英语水平极差,所以在程序上没有太高的造诣,但是还是想把自己所能做的的记录下来。

下边来完成一个微信小程序的车辆违章查询,在最后我会放上源码链接,所以内容上就不对代码做太多解释,只说下思想。

1:数据来源,车辆违章查询的数据来源想到的就是三方接口,那么我选择的是以前做公众号开发时候时候的聚合数据(API数据接口_开发者数据定制),注册申请。

进入全国车辆违章查询可以看到三个接口:1:获取支持城市参数接口 2:请求违章查询接口3:接口剩余次数请求。有了这三个接口就可以实现一个简单的车辆违章查询了。

2:微信小程序,有了数据的来源就等于有了灵魂,之后就是怎样利用数据源来实现了,首先就是小程序的学习。安装以及创建项目。查看文档(https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476197488080)

个人建议先把文档看一遍,这一遍并不是要记住文档,而是要在脑子里对小程序有一个初步的印象,更重要的是建立一个索引目录,之后开发的时候能够根据目录索引到具体位置。

一遍文档看下来,首先想到的是需要哪些知识才能开发

懂一点html,css,js,每个页面包括一个js,ixml,wuss

之前有对react native (react native)了解点,发现在页面与数据交互上有很多的相似,建议有兴趣的可以看了解一下,有助于理解。

API方面因为之前做过公众号开发,所以看了一下应该是wxjs的接口开放。

安装创建工程根据文档来就好了,因为没有内测号就只能创建一个无appid的项目

下载IDE创建项目:MyCar

ui方面需要三个:主页,添加查询车辆信息页,查询页

在app.json中加入三个页面

"pages": [

"pages/home/home",

"pages/addcar/addcar",

"pages/query/query"

]

主页需要展示添加查询车辆列表以及添加车辆

点击添加车辆需转到添加页面

在wxml中添加按钮的组建对应的js中实现对页面的跳转

home.wxml:

<view wx:if="{{surplus >= 0}}">

<button type="default" bindtap="bindtapAdd" hover-class="other-button-hover"> 添加车辆 </button>

</view>

home.js:

bindtapAdd:function(){

wx.navigateTo({

url: '../addcar/addcar'

})

},

在添加页面要做的是将车辆信息缓存的微信的本地,那么就需要使用聚合的接口来获取支持的城市供用户选择,获取聚合的数据后需要做一个二级联动,由于还没有太多时间来研究wxcss所以页面做的比较粗糙。

当用户填好数据后存储到数据缓存,这里涉及到两个知识点一个是请求url一个是数据缓存

请求可查询城市数据

requestCitys:function(){

var page = this;

wx.request({

url: 'http://localhost:3000/wz/citys',

header: {

'Content-Type': 'application/json'

},

success:function(res){

var res = res.data;

page.analysisRes(res);

},

fail:function(res){

page.setData({

toastInfo:util.toErrMsg(0),

toastHidden:false

})

console.log(res);

}

})

}

保存用户数据并且退回到主界面

wx.setStorageSync('cars',cars);

wx.navigateBack();

用户在主界面需要将缓存的数据用列表形式展示并且点击列表后需要使用查询车辆违章接口进行查询

home.js

//加载列表数据

reloadData:function(){

var value = wx.getStorageSync('cars')

if (value) {

var cars = [];

var i = 0;

for(var key in value) {

cars[i]= value[key];

i++;

}

this.setData({

cars:cars

})

}

},

//跳转到查询页面

onclikItem:function(e){

var id = e.target.id;

var carname = this.data.cars[id].name

wx.navigateTo({

url: '../query/query?carname='+carname

})

},

home.wxml:

<scroll-view scroll-x="true">

<viewwx:for="{{cars}}" wx:for-index="idx" wx:for-item="car">

<view id="{{idx}}" bindtap="onclikItem">

<text id="{{idx}}">

{{car.name}}

</text>

<text id="{{idx}}">

{{car.showhphm}}

</text>

</view>

</view>

在查询页面需要调用查询接口

requestQuery:function(car){

var hphm = encodeURI(car.city.abbr+car.hphm)

var page = this;

wx.request({

url: 'http://localhost:3000/wz/query',

method:'POST',

data:{

key:page.data.AppKey,

city:car.city_code,

hphm:hphm,

hpzl:car.hpzl,

engineno:car.engineno,

classno:car.classno

},

header: {

// 'Content-Type': 'application/json'

},

success: function(res) {

var res = res.data;

if(res.resultcode == 200){

console.log(res.result.lists);

page.setData({

lists:res.result.lists

})

}else{

page.setData({

toastInfo:res.reason,

toastHidden:false

})

console.log(res);

}

},

fail:function(res){

page.setData({

toastInfo:util.toErrMsg(0),

toastHidden:false

})

console.log(res);

}

})

}

这样小程序的基本功能就算完成了,这里要说下的是小程序测数据与页面刷新很类似react native ,Page中的data数据改变,wxml中使用数据的的组件就会自动刷新,这个跟以往我做android ios 的略有区别,适应下就好了。

下面说下中转路由,这次选用的是node的express作为web服务器 数据库用嘛mongodb,这个是才接触的所以使用的也比较初级。

Node.js

Express - 基于 Node.js 平台的 web 应用开发框架

建议安装Homebrew这样会比较方便

Homebrew

Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

译注:在Max OS X 10.11(El Capitan)版本中,homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复:

sudo chown -R `whoami` /usr/localbrew install node

$ npm install express --save

创建web服务器MyCarServer,编辑器个人习惯用Sublime Text: The text editor you'll fall in love with

这里需要再下载两个扩展包用来实现post以及mongodb的连接

GitHub - expressjs/body-parser: Node.js body parsing middleware

$ npm install body-parser

GitHub - Automattic/mongoose: MongoDB object modeling designed to work in an asynchronous environment.

$ npm install mongoose

安装mongoldb这个我是看的视频,大家页可以自行百度

http://www.jikexueyuan.com/course/1976_1.html?ss=1

项目中创建models.js来驱动数据库

var config = require('./config.json');

// var uri = 'mongodb://username:password@hostname:post/databasename';

var host = config.host;

var port = config.port;

var dbName = config.dbname;

var uri = 'mongodb://' + host + ':' + port + '/' + dbName

var mongoose = require('mongoose')

console.log('uri:', uri)

mongoose.connect(uri);

var CarStatusScheme = new mongoose.Schema({

cachetime: Number,

resdata: String

})

var CarCitysScheme = new mongoose.Schema({

cachetime: Number,

resdata: String

})

var CarQueryScheme = new mongoose.Schema({

cachetime: Number,

resdata: String,

hphm: String

})

mongoose.model('CarStatus', CarStatusScheme);

mongoose.model('CarCitys', CarCitysScheme);

mongoose.model('CarQuery', CarQueryScheme);

在app.js中

var mongoose = require('mongoose');

require('./models.js');

在创建config.json用来做一些常规配置

{

"dbname": "mycar",

"port": "27017",

"host": "localhost",

"statuscache": 1000,

"cityscache": 1000,

"querycache": 1000,

"debug": true

}

在app.js中使用配置

var config = require('./config.json')

var debug = config.debug

get请求

//接口剩余请求次数查询

// 请求示例:http://v.juhe.cn/wz/status?key=xxxxxxx

// 请求参数说明:

// 名称 类型 必填 说明

// key string 是 应用APPKEY(应用详细页查询)

// dtype string 否 返回数据的格式,xml或json,默认json

// 返回参数说明:

// 名称 类型 说明

// error_code int 返回码

// reason string 返回说明

// data - 返回结果集

//   surplus string 剩余次数

app.get('/wz/status', function(req, res) {

if (debug) {

http://console.info('http get /wz/status')

}

CarStatus.find({}, function(err, docs) {

if (err) {

console.error("CarStatus.find err:", err)

} else {

if (docs.length > 0) {

var carStatus = docs[0];

var curtime = Date.now();

var cachetime = carStatus.cachetime;

if (curtime - cachetime < statuscachetime * 1000) {

var resData = carStatus.resdata;

res.json(JSON.parse(resData))

} else {

requestJHStatus(res);

}

} else {

requestJHStatus(res);

}

}

});

});

post 请求

// 接口地址:http://v.juhe.cn/wz/query

// 支持格式:json/xml/jsonp

// 请求方式:post get

// 请求示例:http://v.juhe.cn/wz/query?city=SH&hphm=苏L50A11&engineno=123456&key=key

// 接口备注:因交管局线路迁移,即日起至四月底安徽,山东,杭州等省市偶尔出现临时维护,请关注

// 调用样例及调试工具:API测试工具

// 请求参数说明:

// 名称 类型 必填 说明

// dtype string 是 返回数据格式:json或xml或jsonp,默认json

// callback String 否 返回格式选择jsonp时,必须传递

// key string 是 你申请的key

// city String 是 城市代码 *

// hphm String 是 号牌号码 完整7位 ,需要utf8 urlencode*

// hpzl String 是 号牌类型,默认02,暂只支持小型车

// engineno String 否 发动机号 (根据城市接口中的参数填写)

// classno String 否 车架号 (根据城市接口中的参数填写)

// 返回参数说明:

// 名称 类型 说明

// province String 查询省份代码

// city String 查询城市代码

// hphm String 查询的号牌号码

// lists Array 违章列表

// date String 违章时间

// area String 违章地点

// act String 违章行为

// code String 违章代码(仅供参考,不一定有值)

// fen String 违章扣分(仅供参考,不一定有值)

// money String 违章罚款(仅供参考,不一定有值)

// handled String 是否处理,1处理 0未处理 空未知

app.post('/wz/query', function(req, res) {

if (debug) {

http://console.info('http post /wz/query')

}

console.log(req.headers['content-type'])

http://console.info('/wz/query req.body:', req.body)

// http://console.info('/wz/query req.data:', req)

var carquery = new CarQuery({

hphm: req.body.hphm,

cachetime: Date.now()

})

http://console.info('/wz/query hphm:', carquery.hphm)

CarQuery.find({

'hphm': carquery.hphm

}, function(err, docs) {

if (err) {

console.error("CarQuery.find err:", err)

} else {

if (docs.length > 0) {

var carQuery = docs[0];

var curtime = Date.now();

var cachetime = carQuery.cachetime;

if (curtime - cachetime < querycache * 1000) {

var resData = carQuery.resdata;

res.json(JSON.parse(resData))

} else {

requestJHQuery(req.body, res);

}

} else {

requestJHQuery(req.body, res);

}

}

});

});

post请求需要引入body-parse

var bodyParser = require('body-parser');

// parse application/x-www-form-urlencoded

app.use(bodyParser.urlencoded({

extended: false

}))

// parse application/json

app.use(bodyParser.json())

这里还有一个未解决的就是小程序中请求中如果设置

header: {

// 'Content-Type': 'application/json'

},

在web服务器中是接收不到body数据的,所以暂时的解决方式是注释 // 'Content-Type': 'application/json'

这样就算完成了基础功能

哎!不会文章表达还是微信(xiongandaqu)沟通吧

2024年关于知识类的小程序 篇5

现在想要制作自己的小程序的人越来越多,随着各种第三方开发工具的出现,无需微信小程序开发源代码,小白也能顺利生成一个自己的小程序了。下面我就跟大家说下该如何制作。

第一步:确定小程序主题

小程序的类型有很多,常见的有服务预约,电商,文章阅读,酒店预订,展示等。在开发小程序前,你得先明白打算用这个小程序做什么,是用来售卖自营商品,还是展示团队作品,或者做知识科普?不同的目的会用到不同的小程序模板,所以制作前一定要对小程序有一定规划。

第二步:注册一个账号

这一步很简单,到微信公众平台注册一个小程序账号,按照提示要求填写自己的相关信息。个人和企业都能注册,不过个人支持的类型有限,只有商业服务、工具、体育、出行交通、生活服务、餐饮、旅游、快递邮政、教育类别。如果你想做带支付功能的小程序,如电商类的小程序,只能选择“企业”主体类型。

第三步:选择小程序免代码开发工具

不懂微信小程序开发源码,关键就在于选对开发工具!对新手来说,开发工具当然是越简单越好。所以大家尽量选择傻瓜式的可视化操作平台,比如「上线了」,这样你无需小程序开发工具下载代码,直接在线选一个模板然后添加需要的功能版块、修改下图片和文字就能顺利生成一个小程序。

第四步:开始正式搭建

进入上线了官网,注册账号后点击“创建小程序”,选择一个你需要的小程序模板类型。

这里我以“文章”模板为例教大家如何快速生成小程序。点击模板,进入到小程序编辑页面,点击“撰写新博文”,添加文章。

点击左侧文章分类、文章评论,可以设置新的分类、开启评论系统,查看粉丝留言。

在【风格设计】里你可以设置小程序风格颜色、底部导航,通过“页面设计”可以添加轮播图、拼接图、快捷按钮、文章分类版块,还能更改文章页面布局。

做好后点击“立即发布”,按要求授权就可以了。这种小程序永久免费,个人也能很快制作好,非常适合新手。

以上就是从0开始做小程序的详细教程,你学会了吗?赶紧试一试吧!

2024年关于知识类的小程序 篇6

自从微信对小程序的虚拟支付环节进行整改后,iOS端的虚拟支付一直饱受影响。基于此,本文集中关注于在线教育场景下,用户小程序体验上产生了哪些问题,并试图梳理符合规则的产品优化方案。

一、限制背景

2018年5月,微信官方发布了《关于小程序含有未开放内容(虚拟支付)的整改通知》,公告中表示:

基于微信小程序平台运营规范,除小游戏类目的安卓内购功能,小程序暂不支持虚拟支付。请开发者们对当前小程序内含有虚拟支付的内容或服务进行排查并整改。如在5月8日前未完成整改,平台将对账号屏蔽iOS系统的支付接口调用。

2018年8月10日,微信再次发出一则《关于小程序虚拟支付内容和服务的整改通知》,其内容指出:

基于微信小程序平台运营规范,开发者在iOS系统上提供的虚拟物品不能展现任何购买、支付的功能、页面、按钮,即使实际上它们都不可使用;也不得引导至为外部网页或App来实现支付功能。

这一规定意味着,之前通过引导到客服消息进行二维码支付购买等外部支付渠道方式的替代解决方案失效。

关于小程序虚拟支付功能的官方表态一直是在变化的。

在小程序初上线时,官方规定:微信小程序的服务范围不应超出小程序平台的类目库范围,如游戏、虚拟物品购买功能等均尚未开放。

而在2017年10月,随着「知乎live」上线虚拟支付功能,很快涌现出一波知识付费类和红包类小程序,被视为小程序对于虚拟商品购买的“灰色支持”。

到后来随着小游戏的爆发,大量开发者向小程序生态的涌入,小程序虚拟支付问题与苹果IAP机制(手机应用内购)的冲突变得更加显著,因此对于iOS虚拟支付的限制也是预料之中无可奈何之事。

对于整改限制究竟是因为支付场景的博弈还是苹果式契约精神,在本文中不做判定。

由于笔者所从事的行业为互联网教育行业,而互联网的销课及知识付费是受此次限制的重灾区,因此本文更关注在在线教育场景下,受既有限制影响,用户小程序体验上产生了哪些问题并试图梳理符合规则的产品优化方案。

二、810限制带来的用户体验问题

何为虚拟支付?

虚拟支付是指购买非实物商品,比如:游戏道具、VIP会员、充值虚拟币、在线课程、在线音视频等虚拟产品。

对于在线教育而言,由于课为售卖的主体,与课程售卖相关的购买、营销推广(秒杀、砍价等)等都产生了一系列因虚拟支付衍生的问题。

按照810整改方案,官方拟定的不违规用户路径:

1. 如果对iOS用户不显示购买按钮,会导致用户不知道如何进入下一步操作,只能退出课程,购买转化率为0。

同时如果Android和iOS用户只区分按钮的显示与否,会导致在编辑课程描述时的限制而影响文案的吸引效果,可能还会影响安卓用户的购买转化率;

2. 如果对iOS用户显示购买按钮,用户对课程有购买兴趣却告知不支持付款,用户需要通过其他途径去了解如何获取该课程。

如果找不到获取途径,用户流失,即便是通过某些途径了解到整个流程被拉长也会导致购买转化率的降低。

除了给iOS用户带来不便外,对于小程序课程的运营人员也增加不少工作量。

1. 编辑课程描述成本:

不能出现支付、购买、获取VIP、开通会员、价格、iOS限制、苹果系统限制等购买相关字眼;也不能出现引导字眼,比如扫描二维码获取。

2. 需要在社群或者私信跟iOS用户解释为什么不能购课,或者是还有哪些途径可以获课。

3. 如果还需要去运营砍价、秒杀等活动,在各种宣传语中需要有所注释。

三、产品优化方案

从2018年终端数据来看,iOS系统占比大约在20%,而对于在线教育行业,这一比值会大于20%。

在对待这部分用户的体验上,部分小程序会采取直接放弃这20%的用户体验,完全按照微信官方的处理办法,在页面直接隐藏支付入口/或者点击后提示不支持购买无下一步提示,比如知乎、知识星球、腾讯课堂。

还有部分小程序重新定位将小程序作为导流入口而不作为主要教学场景,去掉支付入口,小程序可支持试听和目录查看,更多课程引导关注公众号或下载app,比如得到。

那么如果要优化小程序内的购买体验,还能进行哪些尝试呢?

1. 转变售卖主体(虚拟支付转化为实物支付)

关于这一方案通常采取购书赠课、购买线下实体课程(有线下门店)、购买实质的教学光盘/练习题等等。当然还有一些更轻量的转变模式。

小打卡最初希望通过统一使用小打卡明信片用于解决虚拟支付的问题,甚至将口号“购买明信片加入圈子”放在页面标题位置;但截至6月29日小程序体验来看,目前小打卡已经取消了这一方案,点击报名弹窗会提示“由于相关规范,iOS功能暂不可用”。

具体取消原因是因为这一方案仍在限制范围内,还是并没有带来实际购买率的提升效果,这还是有待进一步的考证。

当然小打卡在页面中还是提供了一些曲线救国的路径,可以联系圈主咨询或者在分销中可复制付费链接到H5付费。

2. 收费调整为免费

有些小程序会牺牲营收来换取用户流量,结合其他功能如分享转发、签到、会员注册等等可得到课程。

虽然从营收来看,减少了课程收入,但是从其他方面可以换取用户粘性,降低拉新成本。对于有些营收占比主要依托于广告的小程序来说,也不失为焉知非福。

比如喜马拉雅,去掉支付入口,但是有通过星星解锁精品课程的获取途径,可以通过分享邀请好友和签到获取星星。

再比如,抽奖助手之前有一个“付费解锁”的玩法,现在已经免费使用。但带来的用户量激增也使得小程序更受广告主青睐。

3. H5支付

通过后台生成课程的H5链接,管理员转发给学员或放至对应入口,完成支付后跳转小程序。目前鲸打卡采用的即是这种模式。

还有部分小程序会标记用户的支付状态,提交支付订单后通过关联的openid给用户公众号推送支付提醒,但这种做法需要用户提前关注服务号,再者提交支付订单后通过服务号通知的方式支付召回,在规则上感觉风险比较大。

而小打卡将H5链接通过分销入口嵌入在小程序中,从流程上释放了部分的人工沟通成本,目前微信对于这一种小程序跳转还在默许阶段,需要静观其变。

4. 区分终端系统角色分别展示(Android和iOS)

最简单的做法就是按钮的变化,对于Android用户展示正常的支付按钮及标识,对于iOS用户用一些通用型的文案,其他操作指引再通过弹窗提醒。比如得到引导下载APP。

但仅仅通过按钮的区分,一些描述的限制束缚也会降低Android用户的购买转化率,使得课程描述不能很好的触动用户的付费意愿(前文也有提及)。

对于这个问题,鲸打卡小程序开发了区分Android和iOS展示的两套课程介绍页设置,使得在Android用户展示的介绍页能更好的展示想传达的内容。

还有一些小程序是将敏感词的描述做成字段形式(如购买须知等等),在iOS上对这些字段进行隐藏。

5. 后台控制iOS支付开关过审

为了不破坏C端用户在购买过程中的体验,这是风险极高极冒险的做法。如果被举报发现或支付量达到微信设置的风险阈值,会存在小程序被封的后果。有些小程序会在活动推广的期间为了活动效果短暂去掉iOS支付限制,但是一般来说还是不建议这种挺而走险的办法。

四、小结

最后的最后,希望小程序生态下对于虚拟支付有更友好的官方通知,也希望在互联网教育行业的老师和技术研发能远离脱发,有更灵活更好用的教育工具辅助伟大的教育事业。

猜你喜欢