利用低代码从0到1开发一款小程序

目录

• 1 搭建开发工具
  
• 2 创建项目
  
• 3 功能开发
  
• 4 后端实现
  
• 5 大龄人员想入门编程，年龄是个问题么
  
• 总结
  

上周在交流群里和一位低码厂商的技术负责人交流，他认为低代码作为开发工具类的产品，需要有从0到1体系化的教程才可以，而且还得有教师进行辅助。否则，学习低代码是有难度的，入门很难。
对于技术负责人的见解，我也深有体会。因为大家习惯了用代码编程，一下子过度到可视化编程，有一个思路上的转变。我们使用代码编程的时候，前端是写标签，后端是写if/else、for循环来执行逻辑处理。
那低代码如何体系化的学习呢？这里我们按照代码方式学习做个对照。
1 搭建开发工具

一般如果我们使用微信开发者工具，开发小程序需要安装工具。低码工具不需要安装，是在线进行编程。但和开发者工具一样，低码也是需要绑定小程序的。我们在开发者工具里一般是需要配置自己小程序的appid，如果使用了云开发的，还需要开通云开发。
我们使用低码开发需要在小程序认证那块，绑定自己的小程序。

我这里一个绑定成功了，一个绑定失败了。失败的原因是小程序和我们的低码账号不是同主体，意思是必须以你自己的微信号申请，不能绑定别人的小程序。
2 创建项目

我们使用微信开发者工具，打开工具的时候就要求创建项目，所谓的创建项目是在你本地新建一个文件夹，然后按照小程序项目的要求生成对应的目录结构。比如有js、json、wxml、wxss等。
低码中我们讲的创建项目是指创建应用，一个应用就相当于一个项目。不同于小程序，低码的外延更广，可以创建PC端的项目，也可以创建移动端的项目。移动端的项目不仅可以创建小程序，也可以创建H5。
而且比小程序方便的是，低码是可以根据模板创建项目的。所谓的模板是指事先已经开发好的项目，就像我们从github上clone一样。当你clone完毕后整个工程的源代码就都下载到了本地。低码中依据模板新建是将做好的项目安装到你自己的空间里。这样你就有了一套成熟的模板，可以在此基础上进行修改。这样做无疑大大的提高了开发效率。


3 功能开发

微信小程序独创了一套语法，分别是wxjs、wxml、wxss。如果我们希望开发难免增加了不少难度，因为又得单独学习一套语法。低码的话组件是使用的react，低码编辑器里是用的javascript。后台方法是用的云函数，学习nodejs即可。总体你只要学会了Js开发低码应用是没啥问题的。
低码中也有页面的概念，但是是可视化创建的。

页面开发的时候完全是可视化的拖拽，并不需要学习啥语法知识

如果需要给组件设置事件的，可以使用平台方法，也可以使用自定义方法

自定义方法是按照Js语法进行编程

1. export default {
2.   async onAppLaunch(launchOpts) {
3.     //console.log('---------> LifeCycle onAppLaunch', launchOpts)
4.     const { OPENID, FROM_OPENID } = await app.utils.getWXContext()
5.     let userId = FROM_OPENID || OPENID
6.     if (!userId) {
7.       const { wedaId } = await app.cloud.getUserInfo()
8.       userId = wedaId
9.     }
10.     app.dataset.state.openid = userId
11.     console.log(app.dataset.state.openid)
12.     const result = await app.cloud.callModel({
13.       name: 'user_h4la7ee',
14.       methodName: 'wedaGetRecords',
15.       params: {
16.         "where": [
17.           {
18.             "key": "openid",
19.             "rel": "eq",
20.             "val": app.dataset.state.openid
21.           }
22.         ]
23.       }, // 方法入参
24.     });
25.     console.log(result.total)
26.     if(result.total ===1){
27.       app.dataset.state.islogin = true
28.       app.dataset.state.imageUrl = result.records[0].imageUrl
29.       app.dataset.state.nickName = result.records[0].nickName
30.     }
31.     console.log(app.dataset.state.islogin,app.dataset.state.imageUrl,app.dataset.state.nickName)
32.     const adminresult = await app.cloud.callModel({
33.       name: 'admin_qohkmr5',
34.       methodName: 'wedaGetRecords',
35.       params: {
36.         "where": [
37.           {
38.             "key": "openid",
39.             "rel": "eq",
40.             "val": app.dataset.state.openid
41.           }
42.         ]
43.       }, // 方法入参
44.     });
45.     console.log(app.dataset.state.openid)
46.     console.log(adminresult)
47.     if(adminresult.total===1){
48.       app.dataset.state.isadmin = true
49.     }
50.     console.log("isadmin",app.dataset.state.isadmin)
51.   },
52.   onAppShow(appShowOpts) {
53.     //console.log('---------> LifeCycle onAppShow', appShowOpts)
54.   },
55.   onAppHide() {
56.     //console.log('---------> LifeCycle onAppHide')
57.   },
58.   onAppError(options) {
59.     //console.log('---------> LifeCycle onAppError', options)
60.   },
61.   onAppPageNotFound(options) {
62.     //console.log('---------> LifeCycle onAppPageNotFound', options)
63.   },
64.   onAppUnhandledRejection(options) {
65.     //console.log('---------> LifeCycle onAppUnhandledRejection', options)
66.   }
67. }

复制代码

4 后端实现

小程序一般只能解决前端交互的功能，后端你必须自己开发功能，安装到服务器上还需要暴露接口。但是一般我们的后台服务都是需要鉴权的，不可能像网站一样公开使用。低代码提供了后端的云函数，直接使用就可以。如果官方提供的不满足要求，还可以自己编写代码

1. /**
2. * 使用 npm 包 request 发送http请求, 详细使用文档可以参考
3. *  https://github.com/request/request#readme
4. */
5. const cloud = require('wx-server-sdk')
6. cloud.init({
7.   env: cloud.DYNAMIC_CURRENT_ENV,
8. })
10. module.exports =async function (params, context) {
11.   // params 即为入参定义的结构, 可以在 request 的请求配置中使用 params
12.   try {
13.     console.log("cloud",params.templateid)
14.     const result = await cloud.openapi.subscribeMessage.send({
15.         "touser": params.openid,
16.         "page": 'my',
17.         "lang": 'zh_CN',
18.         "data": {
19.           "thing2": {
20.             "value": params.thing2
21.           },
22.           "date3": {
23.             "value": params.date3
24.           }
25.         },
26.         "templateId": params.templateId,
27.         "miniprogramState": 'trial'
28.       })
30.     console.log("result",result)
31.     return result
32.   } catch (err) {
33.     return err
34.   }
35. };

复制代码

5 大龄人员想入门编程，年龄是个问题么

有些人可能随着年龄的增长，一个是希望学个技能，另外也是看到IT行业薪水比较高，希望学习编程。问年龄是学习编程的限制条件么？如果只是兴趣，我还是建议你学习低码，因为工具解决了编程的门槛问题，也可以快速开发出应用来。如果是希望就业，其实低码也是一个不错的入门方向，毕竟老板们只是提出需求，你提供给他一套可用的软件即可。至于你是用拖拽开发，还是手写代码，老板是不太关心的。将来自己在某个行业积淀够了，养活自己不是太大的问题。
总结

我们今天用了一定的篇幅概要的介绍了一下使用低码是如何从0到1构建应用的。当然就像我开篇讲的，如果想要熟练开发出应用，找一套体系化的教程，外加老师的辅助还是有必要的。那些想跨行业进入软件开发领域的，不防尝试一下低码的解决方案，希望能给你带来不一样的体验。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！