已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > Java

标题: 【开源】:十分钟拥有自己的抖音,快手小程序 【微信小程序篇】

作者: @Ta

时间: 2018-06-25发布,2018-06-25修改

点击: 6644

读者前言:
上次在虎绿林开源购物平台程序中提到近期将会开源一款抖音/快手程序,近期在进行了功能性的完善,上线测试没问题后,现在开源分享给各位小伙伴。原本想着提供给大家安装包即可,但是感到各位伙伴们对微信小程序的安装或许有些陌生,所以就抽空写出一篇教程的形式分享给大家,让大家能后在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包就可以下载源码包到本地了。



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




701dce9f003037d60a9411304862b3e8212549.jpg

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


73ff08f3d9558b5fa8bccb8a95374a03181267.jpg

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

1d9fd67a8ed5c04dcc38fb5b8bfdf0dc95414.jpg


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

1d9fd67a8ed5c04dcc38fb5b8bfdf0dc95414.jpg

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



dc1b8ed8d75027ad82735f55b2bc6831106743.jpg


配置必填配置的信息(必须:不配置编译不通过,按照图片中的配置)


cb301a804f4a22042340cd71a71b7332119726.jpg

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

aec9fe97ca7fa22aa1513504598fe7a282585.jpg

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

84f0dff17c1e0fd8f9e5149447f6637849284.jpg
db3dd77a7f31526517eb347e399b6fc298225.jpg

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


1203de37a31995236b5f0f94b76981f358661.jpg


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


fd487c2bb9794c3a688af31dc30911bc158677.jpg

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

8fe3cd9346a8002c5d0f4318ae7c94f5165144.jpg
硬盘打开,删除里面所有文件,粘贴刚才复制的kk-video-wechat文件所有文件

bb8e797a593cdc277c977dc59fcd6273309767.jpg

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

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

4a8d9cb2961b3e7230bebc2fa6969360300675.jpg

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



4a8d9cb2961b3e7230bebc2fa6969360300675.jpg

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

2d80ea255789ef8bd1075c6b65989c9d219218.jpg

点击【设为体验版本】

60eda814f08fca0067f369347486b89f85140.jpg

点击【确定】



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



e2bea4b71649da3bf9d589e09613b05574255.jpg


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



f59818485d97208157d1fd6340e461b753790.jpg

下次开源预告:。。。。待定吧

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

[隐藏样式|查看源码]


『回复列表(6|隐藏机器人聊天)』

1. 话说这个有什么用,好玩不,有人帮我解说一下吗?
(/@Ta/2018-06-25 20:50//)

2. @misw,开发自己的抖音/快手小程序哦~ 
(/@Ta/2018-06-25 21:06//)

3. 我也想搞来着一搞到css啥的就头疼,哈哈,感谢分享!!!
(/@Ta/2018-06-25 21:46//)

4. @jimisun,什么是抖音和快手
(/@Ta/2018-06-25 23:24//)

5.

cool😎
红米 Note4X 标配版(黑色)

(/@Ta/2020-05-07 19:49//)

6. 这种风格总让我感觉有点像看啥小广告的感觉。。。
(/@Ta/2020-05-07 20:36//)

回复需要登录

7月14日 05:32 星期一

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1