小程序开发

开发一款小程序/APP多少钱？

“哎，你好，我想开发一款小程序，多少钱呀？”

第一次有客户问我，我都会很耐心地和他交流

“先森，您好，这里是魔之方科技，麻烦问下现睁纤在您要开发的这款产品需求是不是都已经明确好了呀？”

“需求？还没有明确，我就想先问问开发一款能买东西的小程序，多少钱？”

“先森，在需求不明确的情况下，我们是没法给出一个报价的。”

“怎么需求不明确就没法报价呢！别的公司怎么能报，他们和我说大概要两三万，我就想看看你们给报多少钱？”

这个时候，我依然面带微笑。这样问的客户一个两个还是可以接受的，但是这样问的多了，为了体现职业素养，我还是会非常耐心地给客户解释

需求不明确，给不出报价！需求不明确，给不出报价！需求不明确，给不出报价！

以上谈话只是描述工作中的场景。

作为客户，如果真想要开发一款小程序的话，问这样的问题是可以理解的，都希望对要做的东西价位有个心理预期，也好做预算。但是作为开发方，这就很难了，不是我们不想给报价，而是没有需求，真的给不出价格！每一款产品，功能需求都不尽相同，使用到的技术也不一样，怎么给报价嘛。

那么开发一款小程序到底怎么看报价呢？我们首先来看看一般互联网产品开发流程：

前提最重要的是一份清晰完整的需求梳理清单，包括三样东西：项目需求说明文档、产品结构图、模块功能梳理清单。

上面是我们之前魔之方科技自己的需求部分结构图和功能梳理清单

假设开发一个小程序，投入的工作量为60天的工作日（根据我们接触到的大多数小程序项目，大多数小程序项目的工作量人天投入平均在50-150天左右），在自己组建团队的情况下，项目需要的人员配置有：产品经理一名，项目经理一名，UI设计师一名，后端一名，前端一名，测试人员一名。按照这个人员的配置，根据各个人员的市面平均工资进行核算，可以得到下面伏隐这个列表：

1. 产品经理 =>月薪：12K 投入时间：7天

2. 项目经理 =>月薪：15K 投入时间：10天

3. UI设计师 =>月薪：12K 投入时间：7天

4. 前端工程师 =>月薪：15K 投入时间：13天

5. 后端工程师 =>月薪：15K 投入时间：13天

6. 测试工程师 =>月薪：10K 投入时间：10天

这样算下来的话，一个60人天工作量的App项目，开发所需的人工基本工资支出为：15W左右，再加上员工社保，福利，设备，场地，人员管理等费用，应该差不多接近18W左右的成本。除此之外，还有招聘的成本，项目风险问题，新招聘成员磨合问题，别人工作其他人闲置问题，总的来说，如果公司正常招聘人员来开发一款软件，会有很多成本且麻烦。

但我们魔之方科技可以完美的解决这个问题，可以选择众包来完成小程序开发。

魔之方科技，中国最具影响力的软件众包开发企业之一，签约大多都是BAT级开发人员，有风度的开发经验完美规避项目风险，也不需要各种设备场地和招聘成本，能给您的公司以最低的价格，更优质的质量开发一款媲美悉厅仿市场top产品

平台精选成功开发案例

1.西安小程序开发||高考志愿助手

2.魔之方案例精选||让足浴行业焕发新的光彩

3.微信小程序|小投票Lite

4.魔之方经典案例||一切为了孩子的健康

5.魔之方经典案例||让单身的人找到真爱

6.魔之方经典案例||让读书变得更有趣

小程序开发存在一定的难题，那么小程序开发到底需要注意什么，我们可以参考一下三点：

一：人员配置：一个小漏罩程序的开发人员是需要至少一个团队协作的，其中包括项目经理、产品经理、UI设计人员、微信小程序前端开发、服务端开发、测试人员、运维人员等，但是由于公司和项目的不同，人员配置多少不等，人员配置是开发微信小程序成本多少的决定性因素。

二：开发时长：小程序的开发过程分为几部分：需求调研与梳理、产品设计与评审、UI设计与评审、分解开发任务与排期5. 开发与联调、测试、修改bug，每个环节所消耗的时间加起来就是一个微信小程序大概的开发时间。其中很大一部分时间花在与客户的沟通上，不要小看这部分时间。

三、再加上租赁服务器，注册认证等费用：由此看来微信小程序开发多少钱？微信小程序开发费用并没有一个准确的数字，不可能搏搜模像市场中的商品那样明码标价，企业在定制微信小程序价格的时候，根据客户的需求功能，配置人员，开发时长等合理的给出报价。目前市场中做小程序开发的公司有很多，但是大多数都是套基缓用模版做的，这样简单，省时，省事，但对于并不能够满足很多商家的需求，因此定制小程序是非常需求的。找专业微信小程序开发公司定制商家需求的小程序，要全面的考察公司的实力情况。

taro单独为某个项目切换taro版本环境

单独为某一个项目升级#这样做的好处是全局的 Taro 版本还是 1.x 的，多个项目间的依赖不冲突，其余项目依然可以用旧版本开发。 如果你的项目里没有安装 Taro CLI，你需要先装一个：

# 如果你使用 NPM

$ npm install --save-dev @tarojs/cli@2.x

# 如果你使用 Yarn

$ yarn add -D @tarojs/cli@2.x

echarts在小程序中滑动卡顿

由于微信小程序中，echarts的层级最高，无论设置多大层级也无法遮住echarts。而且小程序中好像只能用echarts吧。所以为了解决这个bug，我只能委屈求全了。打开ec-canvas.wxml文件，将touchStart、touchMove和touchEnd去掉了，直接删除就好啦。这三链陵销个事件应该是做缩放的吧，我们也没有这个缩放的需求。所以就去掉了。虽然暂时满足的需求，还是没有真正的解决问题。

原：

bindinit="init"

bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}"

bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}"

bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"

现：

bindinit="init"

echarts在小程序中无棚游法跟随页面滑动

在卡顿问题中能与echarts交互少的，可以直接使用图片代替cannvas，即在echarts渲染完毕后将它替换为一张图片。

如果我更新了数据，那么汪拍就重新放出echarts，等它渲染完毕后，再次替换为一张图片。

chart.on('finished', () =>{

getCurrentInstance().page.selectComponent(id).canvasToTempFilePath({

success: res =>{

console.log('res.tempFilePath====',res.tempFilePath)

this.setState({

echartImgSrc: res.tempFilePath

      })

},

    fail: res =>console.log('转换图片失败', res)

})

})

render:

this.state.echartImgSrc =='' ?

  ref={this.refChart}

id={this.state.id}

canvas-id="mychart-area"

  force-use-old-canvas="true"

  ec={this.state.ec}

/>

:

<CoverImage src={this.state.echartImgSrc}></CoverImage>

---