【开源发布】10分钟安装自己的抖音/快手小程序--微信小程序篇

jimisun

6月27言：有小伙伴反应小程序上线，腾讯审核不通过，我在这里说明一下，现在互联网对短视频这块的监管非常严，需要企业资质才能申请小程序，所以在上线提交审核的时候小程序的分类不要选择视频，选择教育等其他栏目可通过。
----------------------------------------------------------------------------------------------------------------------------------------------



6月25言：吃个饭的功夫，就收到小伙伴们安装好了自己小程序，心里真是满满的高兴哦~~还有哦 视频的加载和播放或许有些卡顿哦~ 毕竟是1m的小水管哦
----------------------------------------------------------------------------------------------------------------------------------------------



读者前言：
上次在52破解开源购物平台程序中提到近期将会开源一款抖音/快手程序，近期在进行了功能性的完善，上线测试没问题后，现在开源分享给各位小伙伴。原本想着提供给大家安装包即可，但是感到各位伙伴们对微信小程序的安装或许有些陌生，所以就抽空写出一篇教程的形式分享给大家，让大家能后在10分钟内快速拥有自己的抖音/快手的微信小程序。


1.第一步：下载安装包   地址https://github.com/jimisun123/kkvideo
电脑打开https://github.com/jimisun123/kkvideo是下面图示的样子，程序托管在国外的GitHub平台上，或许各位小伙伴们不了解GitHub，下面告诉大家怎么下载源码。首先，为了保证小伙伴门下载的源码是最新版本，请小伙伴们登陆github后点击【Start】收藏项目。再者，本程序除小程序界面均使用Java开发，各位学习Java或对Java感兴趣的小伙伴欢迎点击【Fork】欢迎和我一起开发维护研究此程序。最后，点击【Clone or download】点击Download zip包就可以下载源码包到本地了。


第二步：申请微信小程序账户&&安装测试小程序【全程免费，免费，免费】
1.【可忽略】由于每个小程序只能注册一个邮箱，我在这里重新注册了一个163网易邮箱给大家演示。



2.到微信公众平台申请小程序  打开链接https://mp.weixin.qq.com/，点击小程序，点击前往注册小程序

注册填写你的邮箱，以及个人信息即可注册成功。（ps:主体信息，选择个人即可）

注册成功进入后台，下载开发工具，开发工具下载地址https://developers.weixin.qq.com/minigame/dev/devtools/download.html，对应你的电脑的版本，下载安装即可。

填写微信小程序的信息。如小程序的名字，头像，介绍，所属栏目啦


配置必填配置的信息（必须：不配置编译不通过，按照图片中的配置）

把图片放大，更容易看清，其实都填video.redrat.cn

3.打开刚才下载安装的的微信开发工具（下载地址：https://developers.weixin.qq.com/minigame/dev/devtools/download.html）

点击小程序项目，点击右下角【+】创建新小程序项目 （ps:项目目录随便选择一个电脑文件夹，项目名称你可以随便填比如(快手短视频）哈哈~~，APPID需要填写，微信公众平台后台的设置--》开发设置--》把APPID复制过来就可以了）



进入开发者页面，右击硬盘打开，把里面的文件全部删除，把从Github下载的源码包中的kk-video-wechat文件夹中的所有的文件拷贝到【硬盘打开的文件夹内】，在开发工具中点击【编译】即可。

kk-video-wechat文件夹里面的所有文件复制

硬盘打开，删除里面所有文件，粘贴刚才复制的kk-video-wechat文件所有文件

下图已经粘贴过来了。然后算安装完毕了，打开刚才安装的开发工具点击【编译】就Ok了。

效果图，小程序的名字可以在app.json中修改，如果显示排版乱码，点击清除缓存即可。你也可以带点击【预览】，手机微信就会自动打开此小程序

第三步：大功告成 上传本地代码到腾讯云服务器

进入微信公共平台  https://mp.weixin.qq.com
点击【前往发布】

点击【设为体验版本】

点击【确定】

此时你就可以打开手机微信，扫码，分享给小伙伴们进行体验你的小程序啦~~~


如果你想正式运营在微信公众平台的【开发管理 】。点击【提交审核】即可。腾讯审核通过就可以通过微信搜索到你的小程序啦~~~~




------------------------------------------------------------------------


读者结语：看到这里教程就已经结束了，不知道小伙伴能不能十分钟完成，在下感觉是没问题的。总感觉教程有点啰嗦了，总是担心吾爱的小伙伴门哪里不太明白，就挨个截图给大家了，希望大家不要嫌弃，目前管理小程序的话只能在微信公众平台https://mp.weixin.qq.com后台管理自己的小程序，如果在下有时间会给位小伙伴们带来下一篇教程【十分钟拥有自己的抖音/快手小程序----开发管理端】如果小伙伴们感觉到鄙人的努力，请在我的GitHub地址https://github.com/jimisun123/kkvideo，给项目个【Start】【Fork】哦~  感谢  溜了溜了  



下面图片应该是bug，怎么编辑都删不掉，哈哈~~

jimisun

huyunzhi 发表于 2018-6-25 20:40
正在学习  楼主大大 那个外站的文件下载太难了   用过了各种办法 170兆的东西要好几个小时

你好，文件太大真的不好意思啦~由于个人经常更新程序所以为了确保各位小伙伴下载的是最新的，所以就放github上啦，其实这篇文章仅仅用到一个文件夹kk-video-wecaht，也就是仅仅用到一个小模块，可能后面会出管理端教程呢，如果你下载下来可以分享给各位小伙伴呢~

jimisun

无辰 发表于 2018-6-25 22:13
编译的时候出错

小伙伴一定要按照帖子的中的配置哦，其中需要再微信开发者后台先配置服务器哦，不配置是不能编译的哦~配置教程文中有哦，请仔细看看哦~

油焖大虾

感觉我遇到了两个问题第一个下载那个压缩文件，明明下载的时候都是170兆，结果下载完成变成8兆，然后里面也木有WeChat这个东西。第二个打开开发界面，要右击硬盘打开那里，我没有project这个东西额，也打不开怎么办，好想把这个东西做好的

jimisun

若白 发表于 2018-6-25 19:27
这么厉害？虽然我看不懂！但是想学学

加油哦~教程已经很详细了哦

xx9612

一楼？不错挺详细的

shaoran

挺详细的   没有细看    ，有时间  科研一下

jimisun

xx9612 发表于 2018-6-25 19:14
一楼？不错挺详细的

能看到帖子的图片吗？

libojun

感谢楼主详细的讲解

若白

这么厉害？虽然我看不懂！但是想学学

4everlove

收藏了, 感谢分享, 教程很详细

雪莱鸟

想请问一下，搭建出来的效果是，一个抖音的小程序 ？还是什么 没介绍清楚呀

刘留留

做的很详细，谢谢分享