从零搭建一个微信小程序 - 简书
从零搭建一个微信小程序
继上次配了半天的服务器没能联通小程序平台之后，怀着担心被胖树同学嘲笑的担忧，我决定还是一不做二不休继续调下去，哼哼，终于做出来这个大材小用的问卷小程序，真的是大材小用了，明明问卷星就可以实现的问卷系统，非得要用小程序完成，胖树同学他那导师真是没谁了！
记录一下整个过程，不过可能会有些遗漏。
Step1 服务器端的配置
在腾讯云官网注册新账号，领个30元的券，买下了39元的，配有PHP+MySQL+FTP服务。
建站主机自带服务器软件，只需要配置好用户名和密码。给的域名已经经过SSL验证，可以直接用https://访问，而且给了一个试验性的域名，每次验证后可以访问3个小时，做实验测试也是够用了。
服务器的PHP代码可以上传到webroot服务器
我自己写的代码已经上传到github上了，算是简易版的小程序代码和服务端代码，调通之后也算是对小程序开发有了个全面的了解。
下载代码：
其中包含两份代码：
1.hospital代码是用在微信开发工具上传的。
（1）需要修改的地方是hospital/pages/index/index.js中的第49行
url: 'https://4*******03.mylightsite.com/hospitalBack/receivedata.php',
//需要改成自己的服务器域名！！！！！！！！！！！！！
（2）代码解释：
主要的代码结构是编译工具自动生成的，我再实现的时候主要界面是在pages/index中编写，pages/success主要用来写提交问卷成功后跳转到的界面，同理pages/fail用来处理异常错误情况。
2.hospitalBack代码是用于上传到服务器工作的。
（1）需要修改的地方是在/hospitalBack/conn.php中的第13行
$DB_PASS = "yourpassword";
//需要修改成你设置的密码！！！！！！！！！！！！！！
（2）代码解释：代码中有五个文件
（2.1）hello.php是最开始用来测试网址是否能顺利打开的，可以不用管，由于本人比较懒就忘了去掉了
（2.2）receivedata.php 细心的网友会发现小程序代码hospital里出现过这个，没错就是用来接收小程序代码发送的数据并处理后写入服务器端的数据库的。主要步骤是接受GET类型数据-检查数据是否完整-检查数据库和表格是否存在且可用-根据数据新增一条记录写入数据库中。其中任何异步出错都会返回错误，不同的返回数据用唯一标识符代替，这些都有在代码注释里写的很清楚。
（2.3）conn.php为了方便读者修改一些配置信息或者说全局变量，我把跟数据库名称、表名称、数据库账号密码等等配置信息都在这个文件中定义了。
（2.4）downloadfile.php主要是用来形成一个excel文档并且把数据库表中的所有数据写入excel表格中，供管理员下载
（2.5）download.php毕竟表格中存储的都是病人信息，不能让人知道了网址就能下载，于是套了一层伪装的网址，还很装13的设置了管理员需要密码才能下载，就是一个很简单的文本输入框加一些密码验证，可以直接在代码里修改密码。
用Xftp软件把hospitalBack文件夹上传到主站服务器，放在/www/root目录下
Step2 微信小程序客户端的配置
在注册小程序账号，进入【设置】-【开发设置】-【服务器域名】，配置服务器域名为上一步购买的建站主机域名。
下载微信开发工具客户端，可以自选是哪个平台上的安装包。安装完成并登录。
登陆后选择创建小程序文件，选择文件夹是我们在上一步github下载下来的hospital文件夹，AppID在【设置】-【开发设置】可以查看到。
打开之后，程序页面是这样的。
在微信公众平台的【用户身份】中可以配置开发者权限和体验者权限，可能会需要经过一些实名认证。
Step3 联通微信小程序的前端和服务器
在微信开发工具中选择编译，并上传代码。
点击预览之后，可以生成临时体验的二维码
这个时候，在浏览器访问一下自己的建站主机和数据库管理网址：
并输入账号密码，保证此时此刻他们是可以访问的。
在浏览器访问一下后台服务器代码是否正常运行
如果显示1202或者显示初始化成功的信息说明后台服务器代码正常运行。
Step4 体验和访问微信小程序
以上步骤都配置好之后，之前在微信公众平台绑定好的几个开发者和体验者的微信账号就可以限时在手机端体验微信小程序啦。
如果管理者想要知道所有问卷的最后统计列表，只需要访问网址，输入代码中对应的密码即可下载excel表格（至于密码是什么相信到这一步了应该能在代码里找的到哈哈）
最后问卷下载成功
整个体验过程就此结束啦，代码相对比较简单，只要有PHP和JS基础再加上查看一下应该都能看的懂。
大功告成！
近期微信小程序demo源码下载汇总，乃小程序开发练手/学习分析必备素材！点击下方小程序相关标题可直接跳转至下载页面： 开发者工具如何快速导入小程序demo源码教程！ 即速应用首发！原创！电商商场Demo 优质微信小程序推荐 －秀人美女图 图片下载、滑动翻页 微信小程序 - ...
转载链接 注：本文转载知乎上的回答 作者：初雪 链接：https://www.zhihu.com/question//answer/ 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 微信小程序正式公测，张小...
继文章-近期热门微信小程序demo源码下载汇总后，附上10-11月份整理的微信小程序demo源码合集，乃小程序开发练手/学习分析必备素材！点击下方小程序相关标题可直接跳转至下载页面： 微信小程序仿会议精灵的首页 微信小程序 滑动效果demo 微信小应用-英雄联盟(LOL)战...
微信小程序发布至今累计12月零05天，期间微信朋友圈也涌现了许多非常优秀、有趣的小程序。因此，在下面的分享中， 即速商店 | 微信小程序商店（shop.jisuapp.cn） 给大家介绍1目前最受用户欢迎的小程序。这些口碑优良的小程序，确实能够帮助大家解决生活中的实际困难，...
注：本文转载知乎上的回答 作者：初雪跑狗图 链接：https://www.zhihu.com/question//answer/ 来源：知乎六合 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 微信小程序正式公测，张小...
看图 四种类型 ClusterIP 使用集群内的私有ip —— 这是默认值。 NodePort 除了使用cluster ip外，也将service的port映射到每个node的一个指定内部port上，映射的每个node的内部port都一样。 LoadBalancer 使用一...
“有的人 25 岁就死了，但到 75 岁才埋葬。” —— 本杰明·富兰克林 上图就是25岁的你，风华正茂，血气方刚，努力在社会中寻找自己的位置和价值。 你不想辜负黄金十年，全情投入工作，加了不该加的班，做了不愿做的事。日子过得和你设想的不一样，但是，随它去吧，为了以后会更好...
一个阳光明媚的早晨，方顾雨坐在石凳上，努力回忆着那长达十年的空白，无尽的虚幻与有限的现实互相交织在一起，眼前浮现的不再是眼前现实的景，而是无尽的过去。 多年后，小比成为了科学家，主要研究天体物理学。他是个帅气的天文物理学家，不迂腐，更不书呆子气。 连旭的大订单做成了，他成为...
从前有个修行者对法师说，自己日子很苦，但是放不下。法师让修行者抓住玻璃杯，然后往杯子里加滚烫的热水，修行者牢牢抓着，可热水灌满杯子后法师依旧不停手，让滚烫的水溢出来，落到修行者的手背上。修行者烫得大叫，赶紧放下了杯子。 法师说，看，这个世界上没有什么放不下的东西，只是因为不...我需要把几十份excel文档做一个数据库跟一个配套的微信小程序，有些要求，想知道代价多大。-lp-questio
我需要把几十份excel文档做一个数据库跟一个配套的微信小程序，有些要求，想知道代价多大。-lp-questio
应该是没有问题的，具体功能还是需要详细的沟通的。价格主要还是看功能，不过定制开发都会较贵。
可否发表给我,我帮你试试
1.启动软件,打开需要汇总的文档,我可以看到在文档的下面有几个不同的明细表。 2.在表格的下面,重命...
在一张sheet中吗?用视图中的 分页预览 然后按你的要求去调整蓝色的框就行了。
excel 中将一个工作表批量复制出很多个相同的工作表的方法可以采用下面的方法: 1、要复制的表是连...
给个地址,我给你发一个参考。
可以通过CODE函数将英文转换为数值,然后进行统计计数会比较方便。 详见附图举例
页面设置里调整为1页宽1页高,就可以了。或者在分页预览里直接调整页面就行。
我也碰到了这样的情况,不知道是啥问题。每次改完回去又变成日期了,而且不知道有啥规律~~
这个很简单 用一个辅助列来生成一个用于分类汇总的标志 你找一个空列,在其中第一个数据行写上一个公式 ...
如果发票为连号,即需要得到C1:C500 C501:C1000……的金额, 那么在E1输入以下公式,...
你可能感兴趣的内容？在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
标签：至少1个，最多5个
从九月底内测到现在已经三个半月.凌晨一点睡觉已经习以为常,也正是这样,才让无前端经验的我做微信小程序开发并不感到费劲.最近才开始接微信小程序的外包项目,目前已经签下了五份合同,成品出了两个.加上转给朋友做的,正在谈的,算起来有十来个项目.距离微信正式开放的时间越来越近,接外包的同学也越来越多.@天下雪 让分享下接外包的经验,作为微信小程序联盟 外包版的版主,自然是当仁不让.
经常遇到的几个情况:
1.客户:开发一个微信小程序多少钱?
这是客户最常问到的问题,就跟我问你吃一顿饭多少钱一样.很难回答上来.至少不是一两句话能说完的.在哪里吃?吃快餐还是满汉全席?
地域不同,吃的东西不一样,价格自然也就不一样.
有句话说得好,不谈需求的议价都是耍流氓.
这时候就直接点,你有没有需求文档?把需求说详细点就行.没有需求文档?有没有类似的APP?都没有?那基本没戏.
这样的客户连自己想要什么都不知道,写代码的你能知道?那你岂不是他肚子里的蛔虫.哈哈
2.多久能上线?一天够不够?
开发周期一定要实话实说,能多久做完就说多久.不然后期扯皮就不好了.
3.我要做个像淘宝那样的商城,你能做吗?
这样的客户确实知道自己要什么,但是你确定是淘宝?
淘宝一秒可以成交17万笔,你确定要这么牛逼?淘宝一年的经费可不是几万块,而且现在我们所见到的版本是经过多年迭代的.
4.我要做个蓝牙连接XXX设备,我要做个直播的微信小程序;我要做一款小游戏....
很明显.微信小程序现在不支持蓝牙连接.不让做直播,不让做小游戏...
开发人员需要对微信官方的设计指南和运营规范有大致的了解.
5.我要做个论坛
微信小程序的项目中比较火的算是论坛,有做本地的,有做专业性比较强的小分类的.我会多问几句,有没有数据支持.比如说客户要做个美女图片的社区.我会问问,他有没有图片资源.我只是关心客户而已,没有别的意思.哈哈哈哈
如果没有数据支持,那真做不了.
类似的很多,需要用到品牌库,文献库的模块,先问问,不然后面你没办法帮客户解决,那就是你的锅.
6.听说微信小程序开发很简单,成本大幅降低.两千块你能不能帮我做个有赞那样的商城?
长久来看,微信小程序开发的成本确实比android + ios +H5 开发的成本要低,但是目前做不到.别听那些人说一周做出了一个微信小程序,就觉得成本低了.首先别人有成型的UI,现成的后台,你有啥?前端,后台,UI,产品设计....
7.你们是团队开发还是个人,合同跟谁签?
我一般会如实回答,大学室友一起兼职做外包,android,ios,h5,微信小程序都能做(也算是打个广告,说不定客户有其他需求呢),如果是全职接外包,价格也不会这么低(我都是给良心价);
合同是个公司签,我是法人.
然后贴上营业执照.有很多客户不在乎这些,不问起就别说了.多一事不如少一事.
目前就想到了这么多情况.以后想到或者遇到再来补充.
接外包的条件:
1.微信小程序前端开发
2.后台开发
4.产品设计
接外包的时候为了节约成本,增加自身竞争力,通常是一人身兼数职.
再说说接外包的流程:
1)有没有公司资质?
目前微信小程序不对个人开放.如果做完了,不能上架,问题会比较严重.
2)服务器.域名备案
腾讯云有全套解决方案.尽快.也是个费时间的事情.
3)如果12都行,那就细化需求,画个产品原型图看看.(产品经理干的活,如今程序员想接外包,那就得干)
之前有个客户说他的需求很简单,就三五个页面.后来细化了需求.活生生干到了二十多个页面.你想想看,如果我傻不拉几先把合同签了,那就呵呵了.
4)估算开发周期
这个因人而异,熟手一看就知道开发周期,但是目前微信小程序开发都是新手,很少有做过两个以上商业项目的人,所以很难估算.尽量多预留时间吧,看这来不及了就加加班.
5)估算开发费用
这个是大家最关心的.
我一般是按照开发时间来计算开发费用,比如说一个微信小程序需要一个月做完,前后台各一个,UI一个,产品的活我已经干了,如果UI要求不高,我自己也能切几张图(只不过比较丑,哈哈),测试就别说了,自己测试.
估算:前端一个,后台一个,UI只需要半个月就能做完,算半个,然后乘上月薪,按照10K的标准来(我自然不止10K啦,呵呵呵.先做个梦)
= 110K + 110K + 0.5*8K
6)45都谈好了.那就签合同吧.
这个很有必要.遇到经常反悔的客户还需要录音,时不时给你丢个需求让你开发,或者觉得之前的设计不够好,需要改改.
不签合同最后会死的很惨.
(我们写代码的人实诚,绝对不坑别人,但也不能让别人坑啊)
我的合同是直接在百度下载的,最下载数最多的那一个肯定没错.拿回来自己修改下.我本来打算贴一份合同在上面的,考虑到涉及客户的商业机密,还是算了.百度软件外包合同,一堆一堆的.作为程序员,这不算事.
这个其实应该算在合同里.但是关系重大.拿出来说说.
我这边是按照开发周期或者开发费用来分,大于三个月,那就每个月一次打款,比例自己去谈,30% 30% 40%,20% 30% 50%...
开发费用大于五万.....
也有遇到费用只有五千,还要分三期四期的.心累.
8)准备好了.开始干吧.
我以前都是签小单,毕竟微信有个1M的限制在那里摆着,不可能做特别大.
同学们看到有不妥的地方记得告诉我.
如需发外包或接外包，欢迎在这里发布相关信息
来自：微信小程序联盟
0 收藏&&|&&13
你可能感兴趣的文章
7 收藏，1.9k
1 收藏，435
173 收藏，4.2k
分享到微博？
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。　　小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，　　用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 小程序是4年内最大的移动互联网商机，率先上线小程序，抢占流量红利，实现营收激增！　　今天为大家总结了目前小程序推广的几种强有力的手段　　第一种，通过名称做搜索优化　　小程序与公众号一样，名称具有唯一性，也就是说先到先得，谁先注册认证了一个名称，其他人就不能使用了。目前小程序的开发者主要是一些网络公司和品牌公司，大量提供线下服务的实体商家还都没有注册。　　这也就意味着大量优质的行业名称目前还是空白，谁先注册开发，谁就能拥有。　　拥有这些优质行业关键词名称后，客户在小程序搜索框寻找服务的时候，最先展示的必然是小程序名称跟搜索结果最接近的小程序。　　第二种，通过二维码扫码线下推广　　在线下特定的使用场景，例如我需要短距离出行，打车不划算，等公交不知道什么时候过来，可以打开微信扫一下公交站牌上的二维码，查看最近的一班车要多长时间能到，如果时间太长，我就用微信扫一扫旁边的摩拜单车，直接开锁骑走。　　我们可以看到在这里，公交查询小程序和摩拜单车小程序没有对我做任何宣传，只是我刚好在我需要的时候出现在我旁边解决了我的需求，而我就成为了他们的用户。　　商家同样可以做一个小程序，看一下自己的产品和服务在哪些场景下能够解决客户的什么问题，然后把二维码放到对应的场景下，就可以获得精准客户。　　第三种，通过附近的小程序推广　　微信小程序在5月10号开放了附近的小程序功能，任何门店都可以将自己的小程序展示到自己店铺五公里范围内的所有微信用户手机上，用户打开微信就能看到，通过小程序就能直接购买服务，或者导航到门店。　　例如一家餐厅，做了个小程序，周围微信用户在没看到这家餐厅店铺的情况下，想吃东西，就打开微信查看附近，然后看到了这家店铺，点开进去发现还不错，就直接预约到店吃饭。　　第四种，通过好友分享和朋友圈推广　　微信小程序支持直接分享给好友，当我们做好了自己的小程序以后，可以直接分享给好友，也可以让好友帮助转发。微趋道将在近期更新小程序功能，届时将会上线小程序分销功能，通过分销刺激好友及用户转发，也会是小程序推广的一种常规有效武器。　　小程序目前不支持直接分享朋友圈，不过在朋友圈分享小程序二维码，同样支持长按识别打开。所以我们做好小程序后，可以把小程序二维码下载下来，做成一张精美的海报，介绍我们小程序的具体用途，分享到朋友圈进行推广。　　第五种，通过现有微信公众号关联推广　　微信公众号是可以关联小程序的，所以我们可以通过自己现有的微信公众号直接推广小程序，无论是关联展示，还是自定义菜单设置入口，以及在图文推送的时候，在文章内嵌入小程序，直接让客户打开使用，都是非常有效的推广方式。　　第六种，通过微信群、QQ群等社群推广　　微信小程序支持直接分享到微信群里面，所以一些精准的用户群是可以作为小程序推广场所的，这种推广与传统的公众号推广还不同，不需要用户点开链接，再扫码或者点击名称关注。用户觉得有需要，直接打开小程序就行，不需要关注等任何操作，觉得不合适直接关闭就行。另外像QQ群，豆瓣群，以及百度贴吧，天涯论坛，知乎等，都可以作为小程序推广的途径。　　第七种，通过关键词推广　　微信官方在今天凌晨03:40分有增加了小程序的推广功能，支持自定义关联关键词。现在在小程序后台就能添加关键词进行审核，6月9号将正式生效。届时，普通微　　信用户就可以通过关键词搜索直接找到相关小程序，就像当年很多企业做百度关键词优化一样。　　做微信小程序
价格也是跟着功能不一样 是不一样。 欢迎咨询
楼主发言：1次 发图：0张 | 更多
　　小程序自己开发的话，会非常贵，人力物力还有技术都是要非常强的，你可以选择第三方帮你开发，选一个技术好的，而且还是免费使用的。我目前用的是叫【极客小程序】，非常好的一家公司，不仅免费使用服务器还是免费的。可以自己设计自己的小程序商城。你也可以百度搜一下，了解一下他们。我是觉得你要做小程序的话，选他们这个是绝对划算的。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　顶峰助力小程序是我公司耗时近半年的研发设计，利用微信自带的10亿流量，多渠道入口为3000万微商提供一个开放的服务平台，颠覆了传统大多数微商无平台销售，微信客源入口单一等诸多问题，顶峰小程序现有展示型小程序、宣传型小程序、品牌型小程序、商城小程序。我们顶峰助力小程序适用行业多，用户范围广，功能齐全，满足不同客户需求　　我们拥有50余人的技术开发团队，程序安全稳定免维护，客户使用方便。　　小程序可二次定制开发，满足各种需求　　售后服务完善，第一时间解决客户问题。咨询威信ml140280　　
<span class="count" title="万
<span class="count" title="
<span class="count" title="
请遵守言论规则，不得违反国家法律法规回复(Ctrl+Enter)您正在使用IE低版浏览器，为了您的雷锋网账号安全和更好的产品体验，强烈建议使用更快更安全的浏览器
发私信给亚峰
导语：你们想知道的，这里都有。
同步到新浪微博
本专题其他文章
只写人工智能。欢迎来撩，微信：wangyafeng123456
当月热门文章
为了您的账户安全，请
您的邮箱还未验证,完成可获20积分哟！
您的账号已经绑定，现在您可以以方便用邮箱登录
请填写申请人资料}