推荐使用:好用的小程序(只需添加自己的企业或品牌Logo,即可一键生成专属小程序二维码)
0基本做一个微信微信小程序,完成个人名片陈列展示拔打电话作用。
0、什么是小程序流程
工作在微信基础上的轻量APP,它像微信多了一个程序入口,交互体验与微信原生态APP基本上会区别,你可以基于微信APP上开发自己的服务项目。
1、申请注册小程序账号
https://mp.weixin.qq.com/cgi-bin/wx
适用本人、公司、媒体等行为主体申请注册,不一样的核心
微信小程序所提供的能力一样,依据实际情况选择,我用个人注册为例子。
如果你还不知道什么是小程序流程,点击显示体验一下吧
2、组装微信小程序开发工具
登陆小程序开发者后台管理,寻找开发环境免费下载:微信微信开发工具下载链接与更新日志 | 微信对外开放文本文档 (qq.com),根据不同开发人员也有不同的相近版本,一般选择稳定版就行了,作用平稳,现阶段稳定版是1.06.2310080。免费下载根据要求进行施工。
使用后若是有网络防火墙阻拦,点一下容许访问服务器
3、建立一个小程序
开启微信开发环境完用微信快速登录
登录成功后主页面如图所示
小程序开发工具带来了不同种类的小程序,这儿挑选微信小程序种类,点“+”号创建一个新的小程序项目。
项目规划:给新项目取的名字,给小程序名命
文件目录:当地储存该小程序项目的文件名称
AppID:在微信小程序后台登记注册的小程序名字所产生的ID,不具备的可以用测试号进行检测,可以先注册一个ID
开发方式:挑选微信小程序
后端服务:有云开发与不能使用云服务模式,云开发是采用微信给予服务器,我们需要付费购买,0基本使用云服务器有点复杂,而且还是收费方式,初学者不建议选择,这儿不会选择使用云服务器
模板选择:随便挑一个就可以
1区是表明微信上开启的实际效果,2区是这个项目的文件结构,3区是代码编辑区,4区是调试信息表明区,5区是开发设计菜单栏。
菜单栏的浏览按键完全可以在你微信上开启浏览。
在任务管理器中寻找page/index/index.wxml这就是微信小程序打开后展现页面,把里面的东西全部删掉。新建一个照片img文件目录,把个人名片放到img清单中。
个人名片可以在线随意生成一个。
在page/index/index.wxml键入下列编码:
是一对图片标识,是成双存在的,用括下去,
是就是标识,
是完毕标识,留意完毕标识有反斜杠/
标识里面可以加上一些特性,装饰这一图片显示的款式外型,src属性显示图片的具体位置在哪儿,../表明当前文件的,../../表示是再上一层的文件目录。mode是显示图片的方式,再加上widthFix特性,不然图片显示可能变型。一张小程序个人名片就完成了,比较简单!
想要实现通电话作用,必须写一个启用微信接电话的作用,微信是由wx.makePhoneCall函数调用的,开启page/index/index.js文档,删掉里面的东西,载入下边的启用编码:
Page({ phoneOn(){ wx.makePhoneCall({ phoneNumber: '18888888888', }) }})
对着写就行了,phoneOn是函数名,如何做到在图片里点一下就启用该函数公式从而拨通这一联系电话呢?
在page/index/index.wxml照片标识中关联点一下启用特性就行了
绑定事件应用bindtap特性就能实现。
点击此处之后就会启用手机上拔打电话作用
最后一步就是将开发设计好一点的中程序上传至微信自动审核。
4、微信小程序提交信息发布
登陆小程序后台,在版本号管理工具中寻找刚递交的开发设计版本号,提交信息
提交信息小程序会有一个代码安全审批流程
[企格生态]动态生成你的小程序,微信扫码立即可用。企格生态站在企业的角度,10年技术能力护航企业发展。