开发和运营微信小程序需求掌握哪些技能？

J8AJeV · 发表于 2023-1-10 03:18:52

2016年9月22日，微疑邪式上线「微疑公家仄台·女伶 href="https://www.taojin168.com/cloud/" target="_blank">小法式」。那末，开辟战经营小法式需要把握哪些常识，大概道需要教会哪些妙技呢？

包罗手艺上的，经营上的，履行上的，等等等等。

为了便利各人，尔创立了一个答复，收拾整顿了现有的谍照，另有一点儿比力声威的年夜神的阐发，包罗流进去的开辟者文档等。

5DlYsGu · 发表于 2023-1-10 03:19:51

小呱作为从业多年的小程序制作平台服务商，来分享一下自己的经历～～

记得是在2017年微信小程序初次对外公布的时候，我们团队就跟着小程序文档做过一些小应用
当时是做了一个智能机器人的有趣小玩意，会根据内容自动回复，跟苹果手机的Siri类似的功能
它大概长成这样：

开发和运营微信小程序需求掌握哪些技能？

智能机器人

有兴趣的小伙伴，可以到gitHub拿源码学习：https://github.com/HowName/smart-robot
<hr/>其实一开始，罗振宇这些大咖对外称不看好小程序，导致大家一致也跟着唱衰小程序，哗然一片
但随着诞生一个微信新版本，更新微信后就出弹出跳一跳的小游戏，相信很多人都玩过
这个小游戏算是小程序命运的转折点，也让大家重新认识和接受了小程序，到现在小程序可谓是百花齐放的世界了
<hr/>也越来越多的小伙伴也想开发自己的小程序，那么先来了解开发小程序要求的技能：

不懂代码就不能做自己的小程序了吗？不一定，往下看

1，wxml相关的知识
为了让小白容易理解，可以将wxml当作砖头和水泥，是用来搭建房子的框架结构和固体部分
wxml跟html类似，它大概长成这样：

<block>
<view> 呱呱赞 </view>
<view> 小程序快速制作平台 </view>
</block>

复制代码

2，wxss相关的知识
大家可以理解它是房子里面的油漆或墙纸，起到上颜色，调整大小的用途，把你的房子变得好看
wxss和css一样的作用，它大概长这样：

block {color:red;}
.view1 {color:#00ff00;}
.view2 {color:rgb(255,0,0);}

复制代码

3，javascript相关的知识
如果说wxml和wxss不算开发语言，那么javascript算是你第一个接触到的真实开发语言了
它具有各种逻辑功能和判断功能，大而杂，易上手，结构松散，特别适合新人学习
可以理解js可以控制房子里面的东西，比如让房门动起来，控制电灯的开关等等
它大概长这样：

var a=1;
var b=2;
var c=a+b;
//答案c = 3;
if(a>b){
log(&#39;a大于b,去开灯&#39;);
}else{
log(&#39;a不大于b,去关灯&#39;);
}

复制代码

4、小程序API文档
要大致入门以上3点的知识，就要接着去学习小程序的开发文档了；不然是看不懂开发文档的
微信有提供很多的标准要求和api接口，大家都能编写代码去对接和实现这些功能
小程序的代码大概长这样：

九九乘法表:
<view wx:for=&#34;{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}&#34; wx:for-item=&#34;i&#34;>
<view wx:for=&#34;{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}&#34; wx:for-item=&#34;j&#34;>
<view wx:if=&#34;{{i <= j}}&#34;>
{{i}} * {{j}} = {{i * j}}
</view>
</view>
</view>

复制代码

以上4点，就是开发小程序所必要的技能点；在开发的过程中，必然会延伸出非常多的其他知识点
由此可见，代码开发小程序对普通商家人群还是有一定的难度的

开发和运营微信小程序需求掌握哪些技能？

程序员掉头发，看来是很正常的事情

<hr/>不懂代码就不能做自己的小程序了吗？

可以，随着技术的进步，现在可以直接用我们的成熟小程序制作工具去做
平台会内置很多的小程序样式模板，0代码，动动鼠标，跟搭积木一样简单去搭建小程序
小白也能轻松上手～～

可视化编辑和搭建，0代码开发自己的小程序

多样式模板选择，精美小程序装修，轻松get~~

是不是挺简单呢！！！
其实找对了方法，开发和制作自己的小程序的不再是一件难事，不懂代码也能做
感兴趣的都可以去试试看哦
<a data-draft-node="block" data-draft-type="ad-link-card" data-ad-id="commercialVip_ce06b6e019eda8f780a3ed4e5339285d">
我是小呱～～
关注我，持续给大家分享小程序的有趣知识～～～

rreXZ · 发表于 2023-1-10 03:20:03

大部分同学都是从前端应用开发过渡来的，所以提及小程序开发，会存在一些固执己见的误区，比如小程序就是封装了的 Web 应用，可以直接迁移，小程序组件本质上就是 HTML 元素，没什么特别的……这些认知误区，是阻碍你开发好小程序的幕后元凶，而搞明白开发微信小程序的常见误区，以及如何规避误区，做到有效开发着实必要，它能让你从“会开发小程序”成功进阶为“开发好小程序”。

ECCf2f · 发表于 2023-1-10 03:20:36

小程序3月27日布新功能：
1、个人开放注册小程序
2、公众号可以与小程序绑定，从公众号菜单、模板消息、通知均可触发小程序
3、可以设置通过微信扫普通的二维码，直接打开指定的小程序（类似摩拜单车）
4、App 分享到微信的链接，可以直接打开小程序
在小程序上线3个月之后，小程序公布了几大主要新能力，再一次吸引着大家的目光，新功能意味着更低的使用门槛——个人注册、更多的流量通道——可借助线下已有二维码与APP链接、更多的触达手段——公众号绑定。
这些是不是让很多人心中蠢蠢欲动，感觉又可以挥洒一番？
现阶段来看，出行类小程序与线下场景结合较好，摩拜单车、滴滴、车来了等在小程序应用上用户数量都表现不错，是现在小程序应用上广受好评的应用场景；购物类小程序紧跟其后，在最近开放的新功能中，相信结合门店二维码，购物类小程序可能会有一定的增长；另外，还有一些小而美的工具类小应用，如群应用、查规范，表现出了不错的成绩。
那么，怎么做一个小程序呢？如何分析和运营一个小程序呢？
小程序简介

微信小程序是腾讯微信团队推出的基于微信生态的应用号，是一种跨平台，媲美原生App操作体验的web应用，它拥有，即用即走、离线存储、跨平台等特点。
小程序架构

开发和运营微信小程序需求掌握哪些技能？

Page Frame
Web应用在微信下实现如原生应用般顺滑的体验，主要靠Page Frame，Native会预先加载一个WebView，当打开小程序落地页面的时候，就直接通过下载CDN上的资源以及数据渲染页面，请求数据则局部刷新，页面返回直接history弹栈，退出小程序，View状态并不会销毁。
MVVM
微信小程序的前端架构设计，以及开发模式，充分参考了Vue、React这一类MV*的前端开发框架，我们简单举几个例子：比如通过{{data-bind}}进行数据双像绑定，就像极了Vue的设计风格；再比如一些标签语法糖，列表循环：

<view wx:for=&#34;{{array}}&#34;> {{item}} </view>

复制代码

相信写过AngularJS 和 Vue的同学都不会陌生；再比如，事件绑定：

<view bindtap=&#34;add&#34;> {{count}} </view>
Page({
data: {
count: 1
},
add: function(e) {
this.setData({
data: this.data.count + 1
})
}
})

复制代码

如果你开发过React，那么其里面有一个setState的方法可以用来改变状态的值，这里的setDate也是一样的，通过绑定的add方法来改变视图中count的值。模块化思想这些都是现在前端框架必备基础。
组件
微信小程序框架与其他开发框架不同，比如vue react都是只管安心做好框架，UE层面的套件库都由各路使用者来贡献，比如饿了么的element，蚂蚁的ant-design，微信小程序直接提供了在小程序开发过程中常用的UE组件，小程序的组件遵循web component标准，并使用polymer框架实现web component。视图容器、表单组件、导航、媒体组件、地图组件、画布这些基础的元素级组件分享、登录、支付这些功能性组件
API
在appservice层，微信提供了N多API，其实就是jsbridge，用于提供js访问native的能力和通道，像：wx.*storage* 访问存储相关接口wx.*file* 文件操作相关apiwx.*systeminfo* 获取机型wx.*network* 获取联网状态还有更多媒体、界面的操作api不一一列举，可以直接参考文档-开发-API部分
利用分析工具透视微信小程序

当简单了解了小程序是什么之后，我们摸索着做了一个小程序的demo，利用豆瓣图书的api（做完了才发现git上已经有无数这样的demo），成功运行小程序之后，我们又有了对小程序做数据透视的想法，官方的数据分析模块有提供，但及其简单，只是基础的运营指标+自定义事件（自定义事件功能还是蛮屌的，实现了无埋点），业界搜索了一下，有微信小程序分析相关的平台or产品并不多，talkding data，hotapp，腾讯移动分析(MTA)，这里，我们选择了MTA，接下来就针对MTA的sdk代码和功能，来看看如何利用数据分析工具运营小程序。
数据分析SDK源码解读
整个SDK对外暴露了三个对象App、Page、Event

mta.App.init({config_obj});

复制代码

做统计信息的初始化，在应用入口app.js App.onLaunch方法中调用，很显然是做一些统计信息初始化的工作，其中除了常规的统计ID的初始化，我们发现有对使用分析统计功能的开关设计，通过反混淆源码发现，以统计分享为例：

var a = getCurrentPages()[getCurrentPages().length - 1];
MTA_CONFIG.stat_share_app && a.onShareAppMessage && !
function() {
var b = a.onShareAppMessage;
a.onShareAppMessage = function() {
MTA.Event.stat(MTA_CONFIG.prefix + &#34;shareapp&#34;, {
url: a.__route__
});
return b.call(this, arguments)
}
} ()

复制代码

获取当前页面的对象，重载页面对象的share event对应的handler方法，在执行框架方法之前，做统计平台的event统计上报，是个不错的好方法。

Page.init()

复制代码

具体页面的统计接口，可以看到，页面的访问统计是挂在框架对外暴露的Page.onShow的方法，onShow方法会在加载，返回，后台导前台等页面展示的任何时机都上报，所以统计口径可能与官方有差异

Event.stat(eventid, {params_obj})

复制代码

自定义事件的上报接口，用户可以在管理台配置好自定义事件，拿到合法的统计id和事件id后，在任何需要统计的事件场景下进行统计其他内部实现，多是利用框架提供的system/network等接口来上报环境、网络等信息
实时刷新的透视数据
MTA提供了访问次数、访问人数、应用打开次数等基础指标在各个分析模型下的组合、计算和应用，并且做到了几乎全站分析模型的实时化：

开发和运营微信小程序需求掌握哪些技能？

真正做到了所见即所得的运营数据
环境分析，让微信小程序开发者更了解运行环境
MTA提供了地域、运营商那个、机型、网络、操作系统、平台等一系列用户客户端环境分析的报表，可以很好的帮助开发者、运营者了解自己的小程序都运行在什么的宿主环境中，其中地域分析提供了各省份及其附属市区的覆盖数据，这些应该都是拿的用户ip，然后匹配腾讯公共的ip库做的映射：

开发和运营微信小程序需求掌握哪些技能？

而微信版本、网络连接类型、机型、操作系统等这些都是利用微信的getSysteminfo getNetworkType等接口取值上报进行了汇总、统计：

开发和运营微信小程序需求掌握哪些技能？

使用分析，特定场景下的用户行为分析
以上两个功能都是不需要用户参与的，MTA自动帮大家采集和计算的，而使用分析则不是，比如我们需要统计有多少用户分享了我的小程序、有多少用户触发了页面的下拉刷新等动作，如此精细化的用户行为分析，MTA这边也提供了配置化的上报接口：

mta.App.init({
&#34;statPullDownFresh&#34;:true,
&#34;statShareApp&#34;:true,
&#34;statReachBottom&#34;:true
})

复制代码

前提是已经获得并配置了合法的click_id这样平台就会采集这样的用户行为数据，并进行计算

开发和运营微信小程序需求掌握哪些技能？

举例分享分析，还提供了具体的分享页面列表，让开发者了解自己的小程序哪些页面的内容质量更高。
自定义分析，给用户行为洞察更多的灵活性
有很多场景，比如我想统计demo小程序中，搜索图书这个按钮的点击量（搜索图书这个事件的事件发生次数），并且我想知道每次用户都输入了什么值来搜索图书，我用MTA的自定义事件，并配置了对应的事件id和参数

mta.Event.stat(&#39;btn_search&#39;,{search:&#39;用户输入的值&#39;})

复制代码

实时访客轨迹，实时透视用户行为的鹰眼
这个功能是我觉着帮助透视小程序运营数据很有特色的一个功能，可以帮助开发者实时的查看当前应用的活跃用户的行为轨迹，并且提供了当前用户的一些基本属性：第一次访问小程序的时间，用户类型，地域，受访页面url等，很清晰，有种坐在monitor屏幕后面窥视用户的感觉：

开发和运营微信小程序需求掌握哪些技能？

目前利用诸如MTA这样的小程序数据分析平台来做小程序的基础和精细化运营，摸索小程序发展的未来方向，也期待有更多用户洞察的功能以及对小程序开发者和运营者更有价值的功能推出。

uTAmhEO · 发表于 2023-1-10 03:21:09

哈哈，这个问题刚好我们的 M 君可以回答：
原文：
如何避免小程序审核被拒？如何避免小程序下架？ - MindStore 官方博客 - 知乎专栏

如何避免小程序审核被拒？如何避免小程序下架？
临「小程序」正式发布的日子越来越近了，目前微信已经发布《小程序平台常见拒绝情形》和《小程序平台运营规范》初稿，但仅限于内测用户可以看到。

由于我们爱范儿拥有内测用户资格，因此 M 君有机会提前预览了这两份文档，以下根据这份文档的内容，回答 2 个大家最关心的问题：

一、提交「小程序」时需要注意哪些地方，才不会被拒？
首先，我们来解读一下《小程序平台常见拒绝情形》
1、「小程序」的 LOGO、名称与简介

帐号注册要合法，不能违法使用他人的品牌或商标，以及符合新广告法。
特别需要注意的事，小程序的简介要特别明确，不能使用模糊的词义表达，比如「提高用户的购物体验」。微信官方推荐在简介中具体提炼几个功能点，告诉用户。
小程序的名称必须和所提供的服务有所关联，而且必须是两个词以上的组合，不能使用广泛使用不具备识别性的词语来命名，比如日历、电话。
提交小程序审查时，头像 LOGO 要尽量使用清晰度高的图片，这个清晰度是指可以看清、分别、图片中包含的元素，否则微信不予通过。

2、小程序的功能提供
微信希望，用户打开小程序的时候直接就能使用到相关的功能，因此这份文档提到，用户在小程序的页面就能使用到相关的服务，不能隐藏，也不能进行多次跳转。有特别规定，「小程序首页必须能够直达或者经过 2 次点击到达」相关的功能。
小程序的功能不能过于简单，比如说只有一个页面，或只提供一个按钮。
小程序不能展示、推荐第三方小程序，不能做小程序导航、互推、小程序排行榜等。也不能通过小程序来搜索其它小程序。
用户使用小程序时，不能以关注或使用其它小程序作为条件。

3、小程序的内容
禁止诱导分享，这个不用再说，微信对此一直严厉打压。
小程序不能用作营销活动、广告用途，不能存在类似算命、星座运势之类的测试类内容，不能包含赌博竞猜抽奖等内容。
小程序里面的图片，不能包含广告、网址。
以上是《小程序平台常见拒绝情形》值得注意的地方。

二、运营「小程序」的时候，需要注意哪些地方，才不会下架？
重新提示，不能诱导分享，不能诱导分享，不能诱导分享。
除此之外，有相当部分和《小程序平台常见拒绝情形》是一样的，以下补充不同的部分。

1、微信不允许批量注册、重复提交大量类似的小程序。
2、小程序的添加，不能设置付费，必须是免费添加。
3、如果你的微信小程序含有支付功能，需要在简介当中明确指示。
4、如果你希望通过小程序创业，需要注意：如果小程序所属的公司被收购或合并，你从微信和微信小程序接收釜数据将在小程序里继续使用。
5、如果小程序使用到地理位置定位功能，在采集、获取用户地理位置时必须得到用户的同意。
6、小程序后台服务，仅限于集中目的：VoIP、音频播放、地理位置、完成任务和本地提醒。
7、禁止多媒体比如音频、视频的自动播放。

P.S.获取更多创业者访谈和大咖精彩分享报道（内容/设计/产品/运营）欢迎关注我专栏哦：MindStore 官方博客 - 知乎专栏

BNaHK · 发表于 2023-1-10 03:21:37

首先要会点js脚本语言，如果你之前是做前端的那么就很好上手了，因为里面的书写都是差不多的，至少要掌握点html语言。布局之类的微信有个demo展示可以下载下来看看，前期看不懂微信的那个demo，可以先看这https://zhuanlan.zhihu.com/p/22592649?refer=c_50258552 里面的底部的demo，简单带入门。码农是时候该上战场升升工资了。

开发和运营微信小程序需求掌握哪些技能？

越消费越富有？陕西永倍达疑涉传销被多地发

开发和运营微信小程序需求掌握哪些技能？

精彩评论5

浏览过的版块

当DeepSeek遇上“带娃神器”......

关于我们

产品与服务

全网营销

加盟与合作