跟着做,零基础也能做出自己的小程序。

摘要: 我想成为公司第一个小程序的开发者。

09-11 23:47 首页 笔戈科技

为什么要学习编程? 

我前几天问一个产品经理。

而他给我的答复是: 

据说这世上有三种人的思考方式截然不同:律师、程序员和其他。

对我而言,有机会体验程序员那种思维,而且有利于工作,何乐而不为?


我是一名新媒体运营,新媒体运营的工作你知道吧,本质上跟编程沾不上边,我也并非计算机专业出身。

尽管如此,我只花 3 个小时就写出了魅族第一个小程序。

开发小程序并没有你想象中那么难,我很乐意把我学到的东西与你分享。说不定你就因此走上了编程的不归路了呢?

跟着我完成以下步骤,你就可以零基础开发一个小程序了。




步骤 

1. 申请并注册账号 

https://mp.weixin.qq.com/ 

2. 下载微信 web 开发者工具并安装: 

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 

3. 复制你小程序的 AppID 

(点击图片可以看高清大图) 

4. 回复关键字【cbwe下载模板源代码 

5. 打开微信 web 开发者工具,填写第 3 步中的 AppID,项目名称随便写,项目目录点你下载后解压缩的那个文件

 (点击图片可以看高清大图) 

6. 点击编译,看到画面出来没有,点击预览,用手机看看效果吧

(点击图片可以看高清大图) 

当当当当~你就拥有了第一个小程序的雏形。



划重点,DIY 自己的小程序

? index.wxml 里的图片组件 [ image ] 

scr="图片链接,可以使用任意图片",参数我都配置好了,你修改这个就好了。 

? index.js 

wx.navigateTo 这个 API 是跳转用的,你最好不要修改。 

? word.js 

wx.previewImage 这个 API 是点击图片可以预览,你把你要需要的图片链接也替换到这个里面。 

wx.downloadFile 这个是下载图片。 

对了,图片前缀名字要部署到微信小程序后台->设置->开发设置->服务器域名-> 4 个合法域名。比如你的图片前缀是 www.meizu.com,那么你就部署 4 个域名。否则无法下载。 

? app.json 

"魅族" 文字可以修改成你自己的。 



OK,这个就是小程序的样子了,你自己也可以做成这样的。 

▼▼▼


这还有一个你无法拒绝的学编程的理由:

我相信 20 年后的某个平行世界中,大学生毕业的标配不是英语四级,是计算机四级。

未来的计算机语言,将会获得像现在英语一样的地位——它既能让你跟不同国籍不同行业的人交流,也能帮你占据信息制高点。

看到这里,你还不想动手试试吗?


笔戈科技

感觉自己棒棒哒!




首页 - 笔戈科技 的更多文章: