jimisun 发表于 2018-6-25 19:04

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

本帖最后由 jimisun 于 2018-6-27 23:23 编辑


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 发表于 2018-6-25 20:53

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

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

jimisun 发表于 2018-6-25 22:17

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

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

油焖大虾 发表于 2018-6-25 22:21

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

jimisun 发表于 2018-6-25 19:45

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

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

xx9612 发表于 2018-6-25 19:14

一楼?不错挺详细的

shaoran 发表于 2018-6-25 19:18

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

jimisun 发表于 2018-6-25 19:21

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

能看到帖子的图片吗?

libojun 发表于 2018-6-25 19:25

感谢楼主详细的讲解

若白 发表于 2018-6-25 19:27

这么厉害?虽然我看不懂!但是想学学

4everlove 发表于 2018-6-25 19:59

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

雪莱鸟 发表于 2018-6-25 19:59

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

刘留留 发表于 2018-6-25 20:03

做的很详细,谢谢分享
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 【开源发布】10分钟安装自己的抖音/快手小程序--微信小程序篇